Benannte Farbe · #EEE600
Titanium Yellow
Titanium Yellow ist #EEE600: rgb(238 230 0), hsl(58 100% 47%), oklch(0.902 0.194 107.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Titanium Yellow color name →
#EEE600
oklch(0.902 0.194 107.2)
Farbumrechnungen
- HEX
- #eee600
- RGB
- rgb(238 230 0)
- HSL
- hsl(58 100% 47%)
- HWB
- hwb(58 0% 7%)
- OKLCH
- oklch(0.902 0.194 107.2)
- OKLab
- oklab(0.902 -0.057 0.185)
- CIE Lab
- lab(89.74 -11.27 87.21)
- LCH
- lch(89.74 87.93 97.4)
- CMYK
- cmyk(0% 3% 100% 7%)
Tints · Shades · Tones
Tints
- EFE946
- F1EC65
- F2EF7E
- F4F193
- F6F4A7
- F7F7BA
- F9F9CC
- FBFBDD
- FDFDEE
Shades
- CFC800
- B1AB00
- 938E00
- 777300
- 5C5900
- 424000
- 2A2800
- 141300
- 030300
Tones
- E2DC33
- D7D148
- CBC755
- C0BD60
- B5B368
- AAA96F
- 9F9E75
- 949479
- 8A8A7D
Farbharmonien
Komplementär +180°
- EEE600
Titanium Yellow
- DCDAFF
≈ Transparent Blue
Analog -30° +30°
- EEE600
Titanium Yellow
- FFD89E
≈ August Morning
- 9DFC74
≈ Lima
Triadisch +120° +240°
- EEE600
Titanium Yellow
- B4E8FF
≈ Frozen Landscape
- FFCFE7
≈ Classic Rose
Geteilt komplementär +150° +210°
- EEE600
Titanium Yellow
- CBE0FF
≈ Arc Light
- F3D0FF
≈ Sassy Pink
Tetradisch +90° +180° +270°
- EEE600
Titanium Yellow
- 42FBFF
≈ Bright Cyan
- DCDAFF
≈ Transparent Blue
- FFD2D2
≈ Girlie
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.31:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 15.95:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 15.95:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--titanium-yellow: #eee600;
--titanium-yellow-rgb: 238 230 0;
--titanium-yellow-oklch: oklch(0.902 0.194 107.2);
}
.element {
color: var(--titanium-yellow);
background-color: hsl(58 100% 47%);
border-color: oklch(0.902 0.194 107.2);
}Tailwind CSS v4
@theme {
--color-titanium-yellow: #eee600;
--color-titanium-yellow-50: #f9fbba;
--color-titanium-yellow-100: #eceea2;
--color-titanium-yellow-200: #dadb75;
--color-titanium-yellow-300: #bfbf30;
--color-titanium-yellow-400: #ada400;
--color-titanium-yellow-500: #978a00;
--color-titanium-yellow-600: #807500;
--color-titanium-yellow-700: #665e00;
--color-titanium-yellow-800: #4d4400;
--color-titanium-yellow-900: #362f00;
--color-titanium-yellow-950: #211b00;
}SCSS
$titanium-yellow: #eee600;
$titanium-yellow-rgb: 238, 230, 0;
$titanium-yellow-light: mix(#fff, $titanium-yellow, 20%);
$titanium-yellow-dark: mix(#000, $titanium-yellow, 20%);
.element {
color: $titanium-yellow;
box-shadow: 0 0 0 2px rgba($titanium-yellow, 0.35);
}