tvOS System Teal

UIColor.systemTeal

tvOS Focus & Highlight Tint

Adaptive System Token•tvOS 13.0+, Apple TV

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

Light Mode#5AC8FA

Dark Mode#5AC8FA

System Teal Color Preview

tvOS system teal from the trusted Xcode export.

ColorUIColor.systemTeal

Copy:

Dynamic Asset

tvOS Focus & Highlight Tint

tvOS 13.0+, Apple TV

Initializers & Color Spaces

Color(r:g:b:)Color(red: 0.353, green: 0.784, blue: 0.980)

Color(r:g:b:op:)Color(red: 0.353, green: 0.784, blue: 0.980, opacity: 1.00)

Color(hue:sat:bri:)HSBColor(hue: 0.552, saturation: 0.640, brightness: 0.980, opacity: 1.00)

Color(.displayP3)Wide GamutColor(.displayP3, red: 0.471, green: 0.776, blue: 0.961, opacity: 1.00)

Color(.sRGB)Color(.sRGB, red: 0.353, green: 0.784, blue: 0.980, opacity: 1.00)

Color(hex:)ExtensionColor(hex: "#5AC8FA")

#colorLiteralXcode#colorLiteral(red: 0.353, green: 0.784, blue: 0.980, alpha: 1.00)

Color(uiColor:)iOSColor(uiColor: UIColor(red: 0.353, green: 0.784, blue: 0.980, alpha: 1.00))

Active HEX: #5AC8FAP3 R: 0.471 G: 0.776 B: 0.961

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	#5AC8FA	#5AC8FA	Color(hex: "#5AC8FA")
sRGB (0–255)	rgb(90, 200, 250)	rgb(90, 200, 250)	(r: 0.353, g: 0.784, b: 0.980)
Display P3 (Wide Gamut)	P3 (0.471, 0.776, 0.961)	P3 (0.471, 0.776, 0.961)	Color(.displayP3, ...)
HSL / HSB	hsl(199, 94%, 67%)	hsl(199, 94%, 67%)	Color(hue:sat:bri:)
Platform Bridge	UIKit: `UIColor.systemTeal`	AppKit: `NSColor.systemTeal`	Color(uiColor:) / Color(nsColor:)

Light Appearance

Light Theme

HEX Code

#5AC8FA

RGB (0–255)

rgb(90, 200, 250)

HSL

hsl(199, 94%, 67%)

Normalized Swift Literal:

(r: 0.353, g: 0.784, b: 0.980)

Dark Appearance

Dark Theme

HEX Code

#5AC8FA

RGB (0–255)

rgb(90, 200, 250)

HSL

hsl(199, 94%, 67%)

Normalized Swift Literal:

(r: 0.353, g: 0.784, b: 0.980)

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 Teal.colorset/

Includes Light + Dark Modes

Contents.json

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

Live UI Component Sandbox

Preview Color.system teal 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 Teal accents.

Dynamic Headline in System Teal

.foregroundStyle(UIColor.systemTeal)

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.systemTeal

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

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