Nächste benannte Farbe · #EEC399
#EEC399
Nächste benannte Farbe: Laksa
#EEC399 (rgb(238 195 153), hsl(30 71% 77%), oklch(0.845 0.074 65.9)) liegt am nächsten an der benannten Farbe Laksa. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#EEC399
oklch(0.845 0.074 65.9)
Farbumrechnungen
- HEX
- #eec399
- RGB
- rgb(238 195 153)
- HSL
- hsl(30 71% 77%)
- HWB
- hwb(30 60% 7%)
- OKLCH
- oklch(0.845 0.074 65.9)
- OKLab
- oklab(0.845 0.03 0.068)
- CIE Lab
- lab(81.88 11.64 27.23)
- LCH
- lch(81.88 29.62 66.9)
- CMYK
- cmyk(0% 18% 36% 7%)
Tints · Shades · Tones
Tints
- F0C9A3
- F2CFAE
- F4D5B8
- F5DBC2
- F7E1CC
- F9E7D6
- FAEDE0
- FCF3EB
- FEF9F5
Shades
- CFA984
- B19070
- 93785D
- 77604A
- 5C4A38
- 423427
- 2A2017
- 140E08
- 030201
Tones
- E3BC97
- D7B595
- CCAF92
- C1A890
- B6A18D
- AB9A8B
- A09488
- 958D86
- 8B8783
Farbharmonien
Komplementär +180°
- EEC399
Laksa
- A5D2FA
≈ Baby Blue
Analog -30° +30°
- EEC399
Laksa
- F8BCAB
≈ Yahoo
- DACC95
≈ Artichoke Mist
Triadisch +120° +240°
- EEC399
Laksa
- 93DCD3
≈ Land Ahoy!
- D8C0F3
≈ Beefy Pink
Geteilt komplementär +150° +210°
- EEC399
Laksa
- 93D9EB
≈ Jodhpur Blue
- BEC9FD
≈ Light Periwinkle
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.62:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.90:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.90:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--laksa: #eec399;
--laksa-rgb: 238 195 153;
--laksa-oklch: oklch(0.845 0.074 65.9);
}
.element {
color: var(--laksa);
background-color: hsl(30 71% 77%);
border-color: oklch(0.845 0.074 65.9);
}Tailwind CSS v4
@theme {
--color-laksa: #eec399;
--color-laksa-50: #fff2df;
--color-laksa-100: #f9e4ce;
--color-laksa-200: #eacfb3;
--color-laksa-300: #d1b18f;
--color-laksa-400: #bd9670;
--color-laksa-500: #a87c50;
--color-laksa-600: #8e6944;
--color-laksa-700: #725436;
--color-laksa-800: #553d26;
--color-laksa-900: #3b2a1a;
--color-laksa-950: #25170a;
}SCSS
$laksa: #eec399;
$laksa-rgb: 238, 195, 153;
$laksa-light: mix(#fff, $laksa, 20%);
$laksa-dark: mix(#000, $laksa, 20%);
.element {
color: $laksa;
box-shadow: 0 0 0 2px rgba($laksa, 0.35);
}