tvOS Separator

UIColor.separator

tvOS Visual Boundary

Adaptive System Token•tvOS 13.0+, Apple TV

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

Light Mode#3C3C434A

Dark Mode#3C3C434A

Separator Color Preview

tvOS separator color from the trusted Xcode export.

ColorUIColor.separator

Copy:

Dynamic Asset

tvOS Visual Boundary

tvOS 13.0+, Apple TV

Initializers & Color Spaces

Color(r:g:b:)Color(red: 0.235, green: 0.235, blue: 0.263)

Color(r:g:b:op:)Color(red: 0.235, green: 0.235, blue: 0.263, opacity: 0.29)

Color(hue:sat:bri:)HSBColor(hue: 0.667, saturation: 0.104, brightness: 0.263, opacity: 0.29)

Color(.displayP3)Wide GamutColor(.displayP3, red: 0.235, green: 0.235, blue: 0.259, opacity: 0.29)

Color(.sRGB)Color(.sRGB, red: 0.235, green: 0.235, blue: 0.263, opacity: 0.29)

Color(hex:)ExtensionColor(hex: "#3C3C434A")

#colorLiteralXcode#colorLiteral(red: 0.235, green: 0.235, blue: 0.263, alpha: 0.29)

Color(uiColor:)iOSColor(uiColor: UIColor(red: 0.235, green: 0.235, blue: 0.263, alpha: 0.29))

Active HEX: #3C3C434AP3 R: 0.235 G: 0.235 B: 0.259

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	#3C3C434A	#3C3C434A	Color(hex: "#3C3C434A")
sRGB (0–255)	rgba(60, 60, 67, 0.29)	rgba(60, 60, 67, 0.29)	(r: 0.235, g: 0.235, b: 0.263)
Display P3 (Wide Gamut)	P3 (0.235, 0.235, 0.259)	P3 (0.235, 0.235, 0.259)	Color(.displayP3, ...)
HSL / HSB	hsla(240, 6%, 25%, 0.29)	hsla(240, 6%, 25%, 0.29)	Color(hue:sat:bri:)
Platform Bridge	UIKit: `UIColor.separator`	AppKit: `NSColor.separator`	Color(uiColor:) / Color(nsColor:)

Light Appearance

Light Theme

HEX Code

#3C3C434A

RGB (0–255)

rgba(60, 60, 67, 0.29)

HSL

hsla(240, 6%, 25%, 0.29)

Normalized Swift Literal:

(r: 0.235, g: 0.235, b: 0.263)

Dark Appearance

Dark Theme

HEX Code

#3C3C434A

RGB (0–255)

rgba(60, 60, 67, 0.29)

HSL

hsla(240, 6%, 25%, 0.29)

Normalized Swift Literal:

(r: 0.235, g: 0.235, b: 0.263)

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

Includes Light + Dark Modes

Contents.json

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

Live UI Component Sandbox

Preview Color.separator 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 Separator accents.

Dynamic Headline in Separator

.foregroundStyle(UIColor.separator)

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

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

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