가장 가까운 이름 색상 · #D45F2F
#D45F2F
가장 가까운 이름 색상: Koi
#D45F2F(rgb(212 95 47), hsl(17 66% 51%), oklch(0.624 0.16 41.2))와 가장 가까운 이름 색상은 Koi입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D45F2F
oklch(0.624 0.16 41.2)
색상 변환
- HEX
- #d45f2f
- RGB
- rgb(212 95 47)
- HSL
- hsl(17 66% 51%)
- HWB
- hwb(17 18% 17%)
- OKLCH
- oklch(0.624 0.16 41.2)
- OKLab
- oklab(0.624 0.12 0.105)
- CIE Lab
- lab(55.1 45.12 49.31)
- LCH
- lch(55.1 66.84 47.5)
- CMYK
- cmyk(0% 55% 78% 17%)
틴트 · 셰이드 · 톤
틴트
- DA7047
- E0815D
- E59172
- EAA186
- EFB19A
- F3C0AE
- F7D0C2
- FAE0D6
- FDEFEA
셰이드
- B85227
- 9D4420
- 833819
- 692C12
- 51200C
- 3A1506
- 240A03
- 100301
- 020000
톤
- CD643B
- C56845
- BD6C4E
- B57056
- AD735E
- A57665
- 9C796C
- 937C73
- 8A7E7A
색 조화
보색 +180°
- D45F2F
Koi
- 0096B8
≈ Bondi Blue
유사색 -30° +30°
삼각 배색 +120° +240°
- D45F2F
Koi
- 00A06C
≈ Surgeon
- 7977E4
≈ Hera Blue
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.83:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.47:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.47:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--koi: #d45f2f;
--koi-rgb: 212 95 47;
--koi-oklch: oklch(0.624 0.16 41.2);
}
.element {
color: var(--koi);
background-color: hsl(17 66% 51%);
border-color: oklch(0.624 0.16 41.2);
}Tailwind CSS v4
@theme {
--color-koi: #d45f2f;
--color-koi-50: #ffe7d1;
--color-koi-100: #ffd7bd;
--color-koi-200: #ffbe9d;
--color-koi-300: #fb9b73;
--color-koi-400: #eb7a4e;
--color-koi-500: #d9581d;
--color-koi-600: #b84b1c;
--color-koi-700: #943c16;
--color-koi-800: #6e2a11;
--color-koi-900: #4e1c0b;
--color-koi-950: #330c01;
}SCSS
$koi: #d45f2f;
$koi-rgb: 212, 95, 47;
$koi-light: mix(#fff, $koi, 20%);
$koi-dark: mix(#000, $koi, 20%);
.element {
color: $koi;
box-shadow: 0 0 0 2px rgba($koi, 0.35);
}