Benannte Farbe · #DFC6AA
Larb Gai
Larb Gai ist #DFC6AA: rgb(223 198 170), hsl(32 45% 77%), oklch(0.84 0.047 70.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Larb Gai color name →
#DFC6AA
oklch(0.84 0.047 70.3)
Farbumrechnungen
- HEX
- #dfc6aa
- RGB
- rgb(223 198 170)
- HSL
- hsl(32 45% 77%)
- HWB
- hwb(32 67% 13%)
- OKLCH
- oklch(0.84 0.047 70.3)
- OKLab
- oklab(0.84 0.016 0.044)
- CIE Lab
- lab(81.48 5.94 17.48)
- LCH
- lch(81.48 18.46 71.2)
- CMYK
- cmyk(0% 11% 24% 13%)
Tints · Shades · Tones
Tints
- E2CCB2
- E5D1BB
- E9D7C3
- ECDDCC
- EFE2D4
- F2E8DD
- F6EEE5
- F9F3EE
- FCF9F6
Shades
- C2AC93
- A5927D
- 8A7A68
- 6F6253
- 564B3F
- 3D352D
- 27211B
- 120E0B
- 020201
Tones
- D5BFA6
- CBB8A2
- C2B19D
- B8A999
- AEA295
- A59B91
- 9C958D
- 928E88
- 898784
Farbharmonien
Komplementär +180°
- DFC6AA
Larb Gai
- B4CEE9
≈ Morality
Analog -30° +30°
- DFC6AA
Larb Gai
- E7C1B4
≈ Antoinette Pink
- D1CCA9
≈ Canary Grass
Triadisch +120° +240°
- DFC6AA
Larb Gai
- A8D5D1
≈ Sinbad
- D4C3E2
≈ New Violet
Geteilt komplementär +150° +210°
- DFC6AA
Larb Gai
- A9D2E0
≈ Light Blue Glint
- C4C8EA
≈ Powdered Granite
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.79:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.79:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--larb-gai: #dfc6aa;
--larb-gai-rgb: 223 198 170;
--larb-gai-oklch: oklch(0.84 0.047 70.3);
}
.element {
color: var(--larb-gai);
background-color: hsl(32 45% 77%);
border-color: oklch(0.84 0.047 70.3);
}Tailwind CSS v4
@theme {
--color-larb-gai: #dfc6aa;
--color-larb-gai-50: #fef3e7;
--color-larb-gai-100: #f2e6d7;
--color-larb-gai-200: #e1d2bf;
--color-larb-gai-300: #c7b49e;
--color-larb-gai-400: #b19a81;
--color-larb-gai-500: #9b8164;
--color-larb-gai-600: #836d55;
--color-larb-gai-700: #695744;
--color-larb-gai-800: #4d4031;
--color-larb-gai-900: #362c21;
--color-larb-gai-950: #211910;
}SCSS
$larb-gai: #dfc6aa;
$larb-gai-rgb: 223, 198, 170;
$larb-gai-light: mix(#fff, $larb-gai, 20%);
$larb-gai-dark: mix(#000, $larb-gai, 20%);
.element {
color: $larb-gai;
box-shadow: 0 0 0 2px rgba($larb-gai, 0.35);
}