Adlandırılmış renk · #E6D0AB
Durian White
Durian White, #E6D0AB: rgb(230 208 171), hsl(38 54% 79%), oklch(0.867 0.055 80.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Durian White color name →
#E6D0AB
oklch(0.867 0.055 80.7)
Renk dönüşümleri
- HEX
- #e6d0ab
- RGB
- rgb(230 208 171)
- HSL
- hsl(38 54% 79%)
- HWB
- hwb(38 67% 10%)
- OKLCH
- oklch(0.867 0.055 80.7)
- OKLab
- oklab(0.867 0.009 0.054)
- CIE Lab
- lab(84.63 3.79 21.39)
- LCH
- lch(84.63 21.72 80)
- CMYK
- cmyk(0% 10% 26% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9D5B3
- EBD9BC
- EEDEC4
- F0E3CD
- F3E7D5
- F5ECDD
- F8F1E6
- FAF6EE
- FDFAF7
Koyu tonlar
- C8B594
- AB9A7E
- 8E8068
- 736754
- 594F40
- 40392D
- 28231B
- 13100B
- 030201
Gri tonlar
- DBC8A7
- D1C0A3
- C6B79E
- BCAF9A
- B2A796
- A89F91
- 9E978D
- 949089
- 8A8884
Renk uyumları
Tamamlayıcı +180°
- E6D0AB
Durian White
- BFD4F8
≈ Mr. Glass
Analog -30° +30°
- E6D0AB
Durian White
- F2CAB3
≈ French Cream
- D4D7AE
≈ Green Mesh
Üçlü +120° +240°
- E6D0AB
Durian White
- A9DFE2
≈ Blue Bauble
- E4C8EA
≈ Prom Corsage
Bölünmüş tamamlayıcı +150° +210°
- E6D0AB
Durian White
- AFDAF1
≈ Endless Horizon
- D2CEF5
≈ Miami White
Dörtlü +90° +180° +270°
- E6D0AB
Durian White
- B0DFCE
≈ Brook Green
- BFD4F8
≈ Mr. Glass
- F0C5D8
≈ Tussie-Mussie
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.97:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.97:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--durian-white: #e6d0ab;
--durian-white-rgb: 230 208 171;
--durian-white-oklch: oklch(0.867 0.055 80.7);
}
.element {
color: var(--durian-white);
background-color: hsl(38 54% 79%);
border-color: oklch(0.867 0.055 80.7);
}Tailwind CSS v4
@theme {
--color-durian-white: #e6d0ab;
--color-durian-white-50: #fdf4e4;
--color-durian-white-100: #f1e7d4;
--color-durian-white-200: #e0d3ba;
--color-durian-white-300: #c5b598;
--color-durian-white-400: #af9c7a;
--color-durian-white-500: #99835c;
--color-durian-white-600: #816f4e;
--color-durian-white-700: #68583e;
--color-durian-white-800: #4d402d;
--color-durian-white-900: #352c1e;
--color-durian-white-950: #20190e;
}SCSS
$durian-white: #e6d0ab;
$durian-white-rgb: 230, 208, 171;
$durian-white-light: mix(#fff, $durian-white, 20%);
$durian-white-dark: mix(#000, $durian-white, 20%);
.element {
color: $durian-white;
box-shadow: 0 0 0 2px rgba($durian-white, 0.35);
}