이름 색상 · #E1B029
Kōwhai Yellow
Kōwhai Yellow은(는) #E1B029: rgb(225 176 41), hsl(44 75% 52%), oklch(0.781 0.149 86.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Kōwhai Yellow color name →
#E1B029
oklch(0.781 0.149 86.7)
색상 변환
- HEX
- #e1b029
- RGB
- rgb(225 176 41)
- HSL
- hsl(44 75% 52%)
- HWB
- hwb(44 16% 12%)
- OKLCH
- oklch(0.781 0.149 86.7)
- OKLab
- oklab(0.781 0.009 0.149)
- CIE Lab
- lab(74.83 9.83 69.37)
- LCH
- lch(74.83 70.07 81.9)
- CMYK
- cmyk(0% 22% 82% 12%)
틴트 · 셰이드 · 톤
틴트
- E4B84B
- E7C064
- EAC87A
- EDD08F
- F0D8A2
- F3E0B5
- F6E8C8
- F9F0DA
- FCF7ED
셰이드
- C49922
- A7821C
- 8B6C15
- 70560F
- 564209
- 3E2E05
- 271C02
- 120B01
- 020100
톤
- D7AB3C
- CDA74A
- C3A254
- B99E5D
- B09965
- A6946B
- 9C8F71
- 938A77
- 89857C
색 조화
보색 +180°
- E1B029
Kōwhai Yellow
- 98B6FF
≈ Truesky Gloxym
유사색 -30° +30°
- E1B029
Kōwhai Yellow
- FF9C4E
≈ Autumn Splendour
- B2C346
≈ Rainforest Glow
삼각 배색 +120° +240°
- E1B029
Kōwhai Yellow
- 00CFE2
≈ Aztec Turquoise
- E994EA
≈ Diva Mecha
분열 보색 +150° +210°
- E1B029
Kōwhai Yellow
- 5BC3FF
≈ Blue Mana
- C0A6FF
≈ Diva
사각 배색 +90° +180° +270°
- E1B029
Kōwhai Yellow
- 00D5B5
≈ Channel Marker Green
- 98B6FF
≈ Truesky Gloxym
- FF8FB9
≈ Schauss Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.01:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.44:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.44:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--kowhai-yellow: #e1b029;
--kowhai-yellow-rgb: 225 176 41;
--kowhai-yellow-oklch: oklch(0.781 0.149 86.7);
}
.element {
color: var(--kowhai-yellow);
background-color: hsl(44 75% 52%);
border-color: oklch(0.781 0.149 86.7);
}Tailwind CSS v4
@theme {
--color-kowhai-yellow: #e1b029;
--color-kowhai-yellow-50: #fff4c5;
--color-kowhai-yellow-100: #fce6af;
--color-kowhai-yellow-200: #eed189;
--color-kowhai-yellow-300: #d6b355;
--color-kowhai-yellow-400: #c59707;
--color-kowhai-yellow-500: #b17c00;
--color-kowhai-yellow-600: #956900;
--color-kowhai-yellow-700: #785400;
--color-kowhai-yellow-800: #5a3c00;
--color-kowhai-yellow-900: #3f2a00;
--color-kowhai-yellow-950: #281700;
}SCSS
$kowhai-yellow: #e1b029;
$kowhai-yellow-rgb: 225, 176, 41;
$kowhai-yellow-light: mix(#fff, $kowhai-yellow, 20%);
$kowhai-yellow-dark: mix(#000, $kowhai-yellow, 20%);
.element {
color: $kowhai-yellow;
box-shadow: 0 0 0 2px rgba($kowhai-yellow, 0.35);
}