Adlandırılmış renk · #DBBF90
Expedition Khaki
Expedition Khaki, #DBBF90: rgb(219 191 144), hsl(38 51% 71%), oklch(0.817 0.07 80.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Expedition Khaki color name →
#DBBF90
oklch(0.817 0.07 80.4)
Renk dönüşümleri
- HEX
- #dbbf90
- RGB
- rgb(219 191 144)
- HSL
- hsl(38 51% 71%)
- HWB
- hwb(38 56% 14%)
- OKLCH
- oklch(0.817 0.07 80.4)
- OKLab
- oklab(0.817 0.012 0.069)
- CIE Lab
- lab(78.93 5.35 27.64)
- LCH
- lch(78.93 28.15 79)
- CMYK
- cmyk(0% 13% 34% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFC59B
- E2CCA6
- E6D2B1
- EAD9BC
- EDDFC7
- F1E5D3
- F4ECDE
- F8F2E9
- FBF9F4
Koyu tonlar
- BEA67D
- A28D6A
- 877557
- 6D5E45
- 544834
- 3C3324
- 261F15
- 110D07
- 020201
Gri tonlar
- D2B98F
- C8B28D
- BFAC8C
- B6A58B
- AD9F89
- A49987
- 9B9386
- 928C84
- 898682
Renk uyumları
Tamamlayıcı +180°
- DBBF90
Expedition Khaki
- AAC5F1
≈ Sky High
Analog -30° +30°
- DBBF90
Expedition Khaki
- E9B79B
≈ Creole Cottage
- C5C894
≈ Creamy Spinaci
Üçlü +120° +240°
- DBBF90
Expedition Khaki
- 8CD1D5
≈ Sky Watch
- D8B5DF
≈ Pretty Petunia
Bölünmüş tamamlayıcı +150° +210°
- DBBF90
Expedition Khaki
- 95CCE8
≈ Thresher Shark
- C2BCEE
≈ Vodka
Dörtlü +90° +180° +270°
- DBBF90
Expedition Khaki
- 95D2BD
≈ Wintermint
- AAC5F1
≈ Sky High
- E7B1C9
≈ Muddy Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.76:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.86:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--expedition-khaki: #dbbf90;
--expedition-khaki-rgb: 219 191 144;
--expedition-khaki-oklch: oklch(0.817 0.07 80.4);
}
.element {
color: var(--expedition-khaki);
background-color: hsl(38 51% 71%);
border-color: oklch(0.817 0.07 80.4);
}Tailwind CSS v4
@theme {
--color-expedition-khaki: #dbbf90;
--color-expedition-khaki-50: #fff4df;
--color-expedition-khaki-100: #f4e6ce;
--color-expedition-khaki-200: #e3d2b3;
--color-expedition-khaki-300: #c9b58f;
--color-expedition-khaki-400: #b49a6f;
--color-expedition-khaki-500: #9e814f;
--color-expedition-khaki-600: #866d43;
--color-expedition-khaki-700: #6b5836;
--color-expedition-khaki-800: #503f26;
--color-expedition-khaki-900: #372c19;
--color-expedition-khaki-950: #22190a;
}SCSS
$expedition-khaki: #dbbf90;
$expedition-khaki-rgb: 219, 191, 144;
$expedition-khaki-light: mix(#fff, $expedition-khaki, 20%);
$expedition-khaki-dark: mix(#000, $expedition-khaki, 20%);
.element {
color: $expedition-khaki;
box-shadow: 0 0 0 2px rgba($expedition-khaki, 0.35);
}