Benannte Farbe · #EFCC5B
Vault-Tec Yellow
Vault-Tec Yellow ist #EFCC5B: rgb(239 204 91), hsl(46 82% 65%), oklch(0.854 0.136 92). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Vault-Tec Yellow color name →
#EFCC5B
oklch(0.854 0.136 92)
Farbumrechnungen
- HEX
- #efcc5b
- RGB
- rgb(239 204 91)
- HSL
- hsl(46 82% 65%)
- HWB
- hwb(46 36% 6%)
- OKLCH
- oklch(0.854 0.136 92)
- OKLab
- oklab(0.854 -0.005 0.136)
- CIE Lab
- lab(83.51 3.54 59.45)
- LCH
- lch(83.51 59.56 86.6)
- CMYK
- cmyk(0% 15% 62% 6%)
Tints · Shades · Tones
Tints
- F1D16F
- F2D782
- F4DC93
- F5E1A3
- F7E6B3
- F9EBC3
- FAF0D2
- FCF5E1
- FDFAF0
Shades
- D0B14E
- B19741
- 947E35
- 786529
- 5C4E1E
- 423713
- 2A2209
- 140F03
- 030200
Tones
- E3C462
- D8BD68
- CCB56D
- C1AE72
- B6A675
- AB9E78
- A0977B
- 958F7D
- 8B887F
Farbharmonien
Komplementär +180°
- EFCC5B
Vault-Tec Yellow
- BECDFF
≈ Light Periwinkle
Analog -30° +30°
- EFCC5B
Vault-Tec Yellow
- FFC08A
≈ Orange Mousse
- C0DD74
≈ Citrus Lime
Triadisch +120° +240°
- EFCC5B
Vault-Tec Yellow
- 54E5FF
≈ Shimmering Expanse Cyan
- FFB1F3
≈ Pink Apotheosis
Geteilt komplementär +150° +210°
- EFCC5B
Vault-Tec Yellow
- A1D6FF
≈ Malmö FF
- D9C2FF
≈ Neon Boneyard
Tetradisch +90° +180° +270°
- EFCC5B
Vault-Tec Yellow
- 47ECD6
≈ Frozen Boubble
- BECDFF
≈ Light Periwinkle
- FFB8CB
≈ Tentacle Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.56:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.45:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.45:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--vault-tec-yellow: #efcc5b;
--vault-tec-yellow-rgb: 239 204 91;
--vault-tec-yellow-oklch: oklch(0.854 0.136 92);
}
.element {
color: var(--vault-tec-yellow);
background-color: hsl(46 82% 65%);
border-color: oklch(0.854 0.136 92);
}Tailwind CSS v4
@theme {
--color-vault-tec-yellow: #efcc5b;
--color-vault-tec-yellow-50: #fff5ca;
--color-vault-tec-yellow-100: #f7e8b4;
--color-vault-tec-yellow-200: #e7d490;
--color-vault-tec-yellow-300: #ceb661;
--color-vault-tec-yellow-400: #bb9b2b;
--color-vault-tec-yellow-500: #a78100;
--color-vault-tec-yellow-600: #8d6d00;
--color-vault-tec-yellow-700: #715800;
--color-vault-tec-yellow-800: #553f00;
--color-vault-tec-yellow-900: #3b2b00;
--color-vault-tec-yellow-950: #251900;
}SCSS
$vault-tec-yellow: #efcc5b;
$vault-tec-yellow-rgb: 239, 204, 91;
$vault-tec-yellow-light: mix(#fff, $vault-tec-yellow, 20%);
$vault-tec-yellow-dark: mix(#000, $vault-tec-yellow, 20%);
.element {
color: $vault-tec-yellow;
box-shadow: 0 0 0 2px rgba($vault-tec-yellow, 0.35);
}