이름 색상 · #EAA34B
Golden Koi
Golden Koi은(는) #EAA34B: rgb(234 163 75), hsl(33 79% 61%), oklch(0.768 0.133 69.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Golden Koi color name →
#EAA34B
oklch(0.768 0.133 69.2)
색상 변환
- HEX
- #eaa34b
- RGB
- rgb(234 163 75)
- HSL
- hsl(33 79% 61%)
- HWB
- hwb(33 29% 8%)
- OKLCH
- oklch(0.768 0.133 69.2)
- OKLab
- oklab(0.768 0.047 0.124)
- CIE Lab
- lab(72.88 21.2 55.19)
- LCH
- lch(72.88 59.12 69)
- CMYK
- cmyk(0% 30% 68% 8%)
틴트 · 셰이드 · 톤
틴트
- EDAD61
- EFB674
- F2BF87
- F4C999
- F6D2AA
- F8DBBB
- FAE4CC
- FCEDDD
- FEF6EE
셰이드
- CB8D40
- AE7835
- 91632B
- 754F21
- 5A3C17
- 412A0E
- 291906
- 130A02
- 030100
톤
- DFA054
- D59D5B
- CA9962
- BF9667
- B5936D
- AA8F71
- A08B75
- 958879
- 8B847D
색 조화
보색 +180°
- EAA34B
Golden Koi
- 72B9FF
≈ Green Darner Tail
유사색 -30° +30°
- EAA34B
Golden Koi
- FB9472
≈ Hibiscus Delight
- C9B543
≈ Warm Olive
삼각 배색 +120° +240°
- EAA34B
Golden Koi
- 02CEC5
≈ Blue Martina
- CD9BF4
≈ Baby Purple
분열 보색 +150° +210°
- EAA34B
Golden Koi
- 25C7ED
≈ Picnic Day Sky
- A4ABFF
≈ Shy Moment
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.13:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.83:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.83:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--golden-koi: #eaa34b;
--golden-koi-rgb: 234 163 75;
--golden-koi-oklch: oklch(0.768 0.133 69.2);
}
.element {
color: var(--golden-koi);
background-color: hsl(33 79% 61%);
border-color: oklch(0.768 0.133 69.2);
}Tailwind CSS v4
@theme {
--color-golden-koi: #eaa34b;
--color-golden-koi-50: #fff0cc;
--color-golden-koi-100: #ffe1b8;
--color-golden-koi-200: #f9cb95;
--color-golden-koi-300: #e2ac68;
--color-golden-koi-400: #d18f3b;
--color-golden-koi-500: #bd7200;
--color-golden-koi-600: #a06100;
--color-golden-koi-700: #804e00;
--color-golden-koi-800: #603800;
--color-golden-koi-900: #432600;
--color-golden-koi-950: #2b1400;
}SCSS
$golden-koi: #eaa34b;
$golden-koi-rgb: 234, 163, 75;
$golden-koi-light: mix(#fff, $golden-koi, 20%);
$golden-koi-dark: mix(#000, $golden-koi, 20%);
.element {
color: $golden-koi;
box-shadow: 0 0 0 2px rgba($golden-koi, 0.35);
}