이름 색상 · #DBBF90
Expedition Khaki
Expedition Khaki은(는) #DBBF90: rgb(219 191 144), hsl(38 51% 71%), oklch(0.817 0.07 80.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Expedition Khaki color name →
#DBBF90
oklch(0.817 0.07 80.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- DFC59B
- E2CCA6
- E6D2B1
- EAD9BC
- EDDFC7
- F1E5D3
- F4ECDE
- F8F2E9
- FBF9F4
셰이드
- BEA67D
- A28D6A
- 877557
- 6D5E45
- 544834
- 3C3324
- 261F15
- 110D07
- 020201
톤
- D2B98F
- C8B28D
- BFAC8C
- B6A58B
- AD9F89
- A49987
- 9B9386
- 928C84
- 898682
색 조화
보색 +180°
- DBBF90
Expedition Khaki
- AAC5F1
≈ Sky High
유사색 -30° +30°
- DBBF90
Expedition Khaki
- E9B79B
≈ Creole Cottage
- C5C894
≈ Creamy Spinaci
삼각 배색 +120° +240°
- DBBF90
Expedition Khaki
- 8CD1D5
≈ Sky Watch
- D8B5DF
≈ Pretty Petunia
분열 보색 +150° +210°
- DBBF90
Expedition Khaki
- 95CCE8
≈ Thresher Shark
- C2BCEE
≈ Vodka
사각 배색 +90° +180° +270°
- DBBF90
Expedition Khaki
- 95D2BD
≈ Wintermint
- AAC5F1
≈ Sky High
- E7B1C9
≈ Muddy Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.86:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
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);
}