Benannte Farbe · #FFEEAA
Transparent Yellow
Transparent Yellow ist #FFEEAA: rgb(255 238 170), hsl(48 100% 83%), oklch(0.947 0.088 95.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Transparent Yellow color name →
#FFEEAA
oklch(0.947 0.088 95.8)
Farbumrechnungen
- HEX
- #ffeeaa
- RGB
- rgb(255 238 170)
- HSL
- hsl(48 100% 83%)
- HWB
- hwb(48 67% 0%)
- OKLCH
- oklch(0.947 0.088 95.8)
- OKLab
- oklab(0.947 -0.009 0.087)
- CIE Lab
- lab(94.3 -1.19 35.19)
- LCH
- lch(94.3 35.21 91.9)
- CMYK
- cmyk(0% 7% 33% 0%)
Tints · Shades · Tones
Tints
- FFF0B3
- FFF2BC
- FFF3C5
- FFF5CD
- FFF7D6
- FFF9DE
- FFFAE6
- FFFCEF
- FFFDF7
Shades
- DECF93
- BEB17D
- 9E9368
- 807753
- 635C3F
- 48422D
- 2E2A1B
- 16140B
- 030301
Tones
- F2E3A6
- E4D7A2
- D7CC9E
- CAC19A
- BDB696
- B1AB92
- A4A08E
- 989589
- 8C8B85
Farbharmonien
Komplementär +180°
- FFEEAA
Transparent Yellow
- E8EDFF
≈ Brilliant White
Analog -30° +30°
- FFEEAA
Transparent Yellow
- FFE9D5
≈ Macaroon Cream
- DFF9B9
≈ Fall Green
Triadisch +120° +240°
- FFEEAA
Transparent Yellow
- D0F5FF
≈ Water
- FFE4F8
≈ Bunny Tail
Geteilt komplementär +150° +210°
- FFEEAA
Transparent Yellow
- DFF0FF
≈ Wizard White
- F3E9FF
≈ Placebo Purple
Tetradisch +90° +180° +270°
- FFEEAA
Transparent Yellow
- B2FFF5
≈ Winter Meadow
- E8EDFF
≈ Brilliant White
- FFE6EB
≈ Nosegay
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.16:1 · APCA Lc 8
Ag
AAAAuf Schwarz
WCAG 18.06:1 · APCA Lc 97
Beste Textfarbe: #000000
WCAG 18.06:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--transparent-yellow: #ffeeaa;
--transparent-yellow-rgb: 255 238 170;
--transparent-yellow-oklch: oklch(0.947 0.088 95.8);
}
.element {
color: var(--transparent-yellow);
background-color: hsl(48 100% 83%);
border-color: oklch(0.947 0.088 95.8);
}Tailwind CSS v4
@theme {
--color-transparent-yellow: #ffeeaa;
--color-transparent-yellow-50: #fcf6da;
--color-transparent-yellow-100: #efe9c8;
--color-transparent-yellow-200: #ded5ab;
--color-transparent-yellow-300: #c3b884;
--color-transparent-yellow-400: #ae9e61;
--color-transparent-yellow-500: #98863c;
--color-transparent-yellow-600: #807134;
--color-transparent-yellow-700: #675b29;
--color-transparent-yellow-800: #4c421c;
--color-transparent-yellow-900: #352d12;
--color-transparent-yellow-950: #201a05;
}SCSS
$transparent-yellow: #ffeeaa;
$transparent-yellow-rgb: 255, 238, 170;
$transparent-yellow-light: mix(#fff, $transparent-yellow, 20%);
$transparent-yellow-dark: mix(#000, $transparent-yellow, 20%);
.element {
color: $transparent-yellow;
box-shadow: 0 0 0 2px rgba($transparent-yellow, 0.35);
}