이름 색상 · #F1E78C
Bright Khaki
Bright Khaki은(는) #F1E78C: rgb(241 231 140), hsl(54 78% 75%), oklch(0.916 0.113 102.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Bright Khaki color name →
#F1E78C
oklch(0.916 0.113 102.9)
색상 변환
- HEX
- #f1e78c
- RGB
- rgb(241 231 140)
- HSL
- hsl(54 78% 75%)
- HWB
- hwb(54 55% 5%)
- OKLCH
- oklch(0.916 0.113 102.9)
- OKLab
- oklab(0.916 -0.025 0.11)
- CIE Lab
- lab(90.98 -5.68 45.44)
- LCH
- lch(90.98 45.79 97.1)
- CMYK
- cmyk(0% 4% 42% 5%)
틴트 · 셰이드 · 톤
틴트
- F2EA99
- F4ECA5
- F5EFB1
- F6F1BD
- F8F4C8
- F9F6D3
- FBF8DE
- FCFBE9
- FDFDF4
셰이드
- D2C979
- B3AB67
- 958F55
- 797343
- 5D5933
- 434023
- 2B2814
- 141307
- 030301
톤
- E5DC8C
- D9D28C
- CEC78B
- C2BD8A
- B7B389
- ABA888
- A09E86
- 959484
- 8B8A82
색 조화
보색 +180°
- F1E78C
Bright Khaki
- DFE1FF
≈ Stoic White
유사색 -30° +30°
- F1E78C
Bright Khaki
- FFDDB3
≈ Feather Plume
- C6F4A6
≈ Snappy Green
삼각 배색 +120° +240°
- F1E78C
Bright Khaki
- BBECFF
≈ Ice Effect
- FFD5ED
≈ Pink Currant
분열 보색 +150° +210°
- F1E78C
Bright Khaki
- D1E6FF
≈ Veiling Waterfalls
- F1D9FF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- F1E78C
Bright Khaki
- 7DFBF8
≈ Ancient Ice
- DFE1FF
≈ Stoic White
- FFD8DB
≈ Satin Ribbon
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.54:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.54:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--bright-khaki: #f1e78c;
--bright-khaki-rgb: 241 231 140;
--bright-khaki-oklch: oklch(0.916 0.113 102.9);
}
.element {
color: var(--bright-khaki);
background-color: hsl(54 78% 75%);
border-color: oklch(0.916 0.113 102.9);
}Tailwind CSS v4
@theme {
--color-bright-khaki: #f1e78c;
--color-bright-khaki-50: #f9f8d3;
--color-bright-khaki-100: #edebbf;
--color-bright-khaki-200: #dbd89f;
--color-bright-khaki-300: #c0bb76;
--color-bright-khaki-400: #aba14c;
--color-bright-khaki-500: #948816;
--color-bright-khaki-600: #7d7417;
--color-bright-khaki-700: #645c13;
--color-bright-khaki-800: #4b430a;
--color-bright-khaki-900: #342e06;
--color-bright-khaki-950: #201b00;
}SCSS
$bright-khaki: #f1e78c;
$bright-khaki-rgb: 241, 231, 140;
$bright-khaki-light: mix(#fff, $bright-khaki, 20%);
$bright-khaki-dark: mix(#000, $bright-khaki, 20%);
.element {
color: $bright-khaki;
box-shadow: 0 0 0 2px rgba($bright-khaki, 0.35);
}