Benannte Farbe · #E0C778
Protoss
Protoss ist #E0C778: rgb(224 199 120), hsl(46 63% 67%), oklch(0.834 0.103 92.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Protoss color name →
#E0C778
oklch(0.834 0.103 92.4)
Farbumrechnungen
- HEX
- #e0c778
- RGB
- rgb(224 199 120)
- HSL
- hsl(46 63% 67%)
- HWB
- hwb(46 47% 12%)
- OKLCH
- oklch(0.834 0.103 92.4)
- OKLab
- oklab(0.834 -0.004 0.103)
- CIE Lab
- lab(81.11 1.52 42.74)
- LCH
- lch(81.11 42.76 88)
- CMYK
- cmyk(0% 11% 46% 12%)
Tints · Shades · Tones
Tints
- E3CD87
- E6D295
- E9D8A2
- ECDEB0
- EFE3BD
- F3E9CB
- F6EED8
- F9F4E5
- FCFAF2
Shades
- C3AD67
- A69357
- 8A7A48
- 706239
- 564C2A
- 3E361D
- 272110
- 120E05
- 020201
Tones
- D6C07A
- CCB97C
- C2B17D
- B8AA7E
- AFA37F
- A59C80
- 9C9580
- 928E80
- 898780
Farbharmonien
Komplementär +180°
- E0C778
Protoss
- B6C6FF
≈ Light Periwinkle
Analog -30° +30°
- E0C778
Protoss
- F9BA81
≈ Asagi Yellow
- BDD488
≈ Olive Buff
Triadisch +120° +240°
- E0C778
Protoss
- 6FDAF0
≈ Electric Lemonade
- F1B0E6
≈ Hanami Pink
Geteilt komplementär +150° +210°
- E0C778
Protoss
- 94D0FF
≈ Long Island Sound
- D5B9FF
≈ Pink Illusion
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.66:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.61:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.61:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--protoss: #e0c778;
--protoss-rgb: 224 199 120;
--protoss-oklch: oklch(0.834 0.103 92.4);
}
.element {
color: var(--protoss);
background-color: hsl(46 63% 67%);
border-color: oklch(0.834 0.103 92.4);
}Tailwind CSS v4
@theme {
--color-protoss: #e0c778;
--color-protoss-50: #fef5d5;
--color-protoss-100: #f3e8c2;
--color-protoss-200: #e2d4a3;
--color-protoss-300: #c8b77a;
--color-protoss-400: #b49d53;
--color-protoss-500: #9e8426;
--color-protoss-600: #866f22;
--color-protoss-700: #6b591b;
--color-protoss-800: #504111;
--color-protoss-900: #382d0b;
--color-protoss-950: #221901;
}SCSS
$protoss: #e0c778;
$protoss-rgb: 224, 199, 120;
$protoss-light: mix(#fff, $protoss, 20%);
$protoss-dark: mix(#000, $protoss, 20%);
.element {
color: $protoss;
box-shadow: 0 0 0 2px rgba($protoss, 0.35);
}