En yakın adlandırılmış renk · #DFC2A6
#DFC2A6
En yakın adlandırılmış renk: Larb Gai
#DFC2A6 (rgb(223 194 166), hsl(29 47% 76%), oklch(0.832 0.05 66)) en çok Larb Gai adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DFC2A6
oklch(0.832 0.05 66)
Renk dönüşümleri
- HEX
- #dfc2a6
- RGB
- rgb(223 194 166)
- HSL
- hsl(29 47% 76%)
- HWB
- hwb(29 65% 13%)
- OKLCH
- oklch(0.832 0.05 66)
- OKLab
- oklab(0.832 0.02 0.046)
- CIE Lab
- lab(80.41 7.51 18.13)
- LCH
- lch(80.41 19.62 67.5)
- CMYK
- cmyk(0% 13% 26% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2C8AF
- E6CEB8
- E9D4C0
- ECDAC9
- EFE0D2
- F2E6DB
- F6EDE4
- F9F3ED
- FCF9F6
Koyu tonlar
- C2A890
- A58F7A
- 8A7765
- 6F6051
- 56493E
- 3D342B
- 27201A
- 120E0A
- 020201
Gri tonlar
- D5BBA2
- CBB49F
- C2AE9B
- B8A797
- AFA193
- A59A8F
- 9C938C
- 928D88
- 898684
Renk uyumları
Tamamlayıcı +180°
- DFC2A6
Larb Gai
- AECCE7
≈ Featherbed
Analog -30° +30°
- DFC2A6
Larb Gai
- E6BDB2
≈ Rose Fog
- D1C8A4
≈ Pale Olive
Üçlü +120° +240°
- DFC2A6
Larb Gai
- A4D3CD
≈ Touch of Turquoise
- D0C0E2
≈ Purple Whisper
Bölünmüş tamamlayıcı +150° +210°
- DFC2A6
Larb Gai
- A3D1DD
≈ French Pass
- BEC6E9
≈ Pale Wisteria
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.40:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--larb-gai: #dfc2a6;
--larb-gai-rgb: 223 194 166;
--larb-gai-oklch: oklch(0.832 0.05 66);
}
.element {
color: var(--larb-gai);
background-color: hsl(29 47% 76%);
border-color: oklch(0.832 0.05 66);
}Tailwind CSS v4
@theme {
--color-larb-gai: #dfc2a6;
--color-larb-gai-50: #fff3e6;
--color-larb-gai-100: #f4e5d7;
--color-larb-gai-200: #e3d1be;
--color-larb-gai-300: #c9b39d;
--color-larb-gai-400: #b3997f;
--color-larb-gai-500: #9d8063;
--color-larb-gai-600: #856c54;
--color-larb-gai-700: #6b5743;
--color-larb-gai-800: #4f3f30;
--color-larb-gai-900: #372b21;
--color-larb-gai-950: #221910;
}SCSS
$larb-gai: #dfc2a6;
$larb-gai-rgb: 223, 194, 166;
$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);
}