tvOS System Red

UIColor.systemRed

tvOS Focus & Highlight Tint

Adaptive System Token•tvOS 13.0+, Apple TV

Complete technical specification and developer reference for System Red in Apple's tvOS design system. In light appearance, it resolves to HEX #FF3B30; in dark appearance, it dynamically adapts to HEX #FF3B30. Features wide-gamut Display P3 values, UIKit bridge (UIColor.systemRed), AppKit bridge (NSColor.systemRed), WCAG contrast audit, and Xcode drop-in initializers.

Light Mode#FF3B30

Dark Mode#FF3B30

System Red Color Preview

tvOS system red from the trusted Xcode export.

ColorUIColor.systemRed

Copy:

Dynamic Asset

tvOS Focus & Highlight Tint

tvOS 13.0+, Apple TV

Initializers & Color Spaces

Color(r:g:b:)Color(red: 1.000, green: 0.231, blue: 0.188)

Color(r:g:b:op:)Color(red: 1.000, green: 0.231, blue: 0.188, opacity: 1.00)

Color(hue:sat:bri:)HSBColor(hue: 0.009, saturation: 0.812, brightness: 1.000, opacity: 1.00)

Color(.displayP3)Wide GamutColor(.displayP3, red: 0.922, green: 0.306, blue: 0.239, opacity: 1.00)

Color(.sRGB)Color(.sRGB, red: 1.000, green: 0.231, blue: 0.188, opacity: 1.00)

Color(hex:)ExtensionColor(hex: "#FF3B30")

#colorLiteralXcode#colorLiteral(red: 1.000, green: 0.231, blue: 0.188, alpha: 1.00)

Color(uiColor:)iOSColor(uiColor: UIColor(red: 1.000, green: 0.231, blue: 0.188, alpha: 1.00))

Active HEX: #FF3B30P3 R: 0.922 G: 0.306 B: 0.239

Technical Color Specifications

Exact resolved HEX codes, sRGB 8-bit components, HSL, and normalized Swift floating-point decimals for Light and Dark modes.

Color Metric / Space	Light Appearance	Dark Appearance	Swift Code Literal
HEX Code	#FF3B30	#FF3B30	Color(hex: "#FF3B30")
sRGB (0–255)	rgb(255, 59, 48)	rgb(255, 59, 48)	(r: 1.000, g: 0.231, b: 0.188)
Display P3 (Wide Gamut)	P3 (0.922, 0.306, 0.239)	P3 (0.922, 0.306, 0.239)	Color(.displayP3, ...)
HSL / HSB	hsl(3, 100%, 59%)	hsl(3, 100%, 59%)	Color(hue:sat:bri:)
Platform Bridge	UIKit: `UIColor.systemRed`	AppKit: `NSColor.systemRed`	Color(uiColor:) / Color(nsColor:)

Light Appearance

Light Theme

HEX Code

#FF3B30

RGB (0–255)

rgb(255, 59, 48)

HSL

hsl(3, 100%, 59%)

Normalized Swift Literal:

(r: 1.000, g: 0.231, b: 0.188)

Dark Appearance

Dark Theme

HEX Code

#FF3B30

RGB (0–255)

rgb(255, 59, 48)

HSL

hsl(3, 100%, 59%)

Normalized Swift Literal:

(r: 1.000, g: 0.231, b: 0.188)

Drop-In Developer Snippets

Ready-to-paste code blocks for Xcode asset catalogs and Swift files.

Xcode Location: Save as Contents.json inside Assets.xcassets/System Red.colorset/

Includes Light + Dark Modes

Contents.json

{
  "colors": [
    {
      "color": {
        "color-space": "srgb",
        "components": {
          "red": "1.000",
          "green": "0.231",
          "blue": "0.188",
          "alpha": "1.000"
        }
      },
      "idiom": "universal"
    },
    {
      "appearances": [
        {
          "appearance": "luminosity",
          "value": "dark"
        }
      ],
      "color": {
        "color-space": "srgb",
        "components": {
          "red": "1.000",
          "green": "0.231",
          "blue": "0.188",
          "alpha": "1.000"
        }
      },
      "idiom": "universal"
    }
  ],
  "info": {
    "author": "xcode",
    "version": 1
  }
}

Live UI Component Sandbox

Preview Color.system red inside standard Apple interface components.

Interactive Controls

Active TagBadge 99+

Toggle Tint

Container & Typography Styling

●SwiftUI Notification

Just now

Demonstrates how Apple designers pair system background tints with dynamic System Red accents.

Dynamic Headline in System Red

.foregroundStyle(UIColor.systemRed)

Platform Implementation Snippets

Ready-to-use Swift code for SwiftUI, UIKit, and AppKit applications.

UIKit (Swift)

// UIKit (iOS, tvOS, watchOS)
let view = UIView()
view.backgroundColor = UIColor.systemRed

// Label Tinting
let label = UILabel()
label.textColor = UIColor.systemRed

// Bridging UIKit into SwiftUI
let swiftUIColor = Color(uiColor: .systemRed)