가장 가까운 이름 색상 · #401D08
#401D08
가장 가까운 이름 색상: Délicieux au Chocolat
#401D08(rgb(64 29 8), hsl(23 78% 14%), oklch(0.276 0.063 48.6))와 가장 가까운 이름 색상은 Délicieux au Chocolat입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#401D08
oklch(0.276 0.063 48.6)
색상 변환
- HEX
- #401d08
- RGB
- rgb(64 29 8)
- HSL
- hsl(23 78% 14%)
- HWB
- hwb(23 3% 75%)
- OKLCH
- oklch(0.276 0.063 48.6)
- OKLab
- oklab(0.276 0.041 0.047)
- CIE Lab
- lab(15.68 16.11 20.16)
- LCH
- lch(15.68 25.8 51.4)
- CMYK
- cmyk(0% 55% 88% 75%)
틴트 · 셰이드 · 톤
틴트
- 52311F
- 644535
- 775A4C
- 897063
- 9C867B
- B09D94
- C3B5AE
- D7CDC8
- EBE6E3
셰이드
- 361806
- 2D1304
- 240E03
- 1B0902
- 130501
- 0B0301
- 050100
- 010000
- 000000
톤
- 472715
- 4D3020
- 543A2C
- 5B4337
- 614D43
- 67574F
- 6E615B
- 746B67
- 7A7673
색 조화
보색 +180°
- 401D08
Délicieux au Chocolat
- 002D3D
≈ Black Chasm
유사색 -30° +30°
- 401D08
Délicieux au Chocolat
- 42191C
≈ Bruised Plum
- 372400
≈ Black Swan
삼각 배색 +120° +240°
- 401D08
Délicieux au Chocolat
- 003023
≈ Dark Jungle
- 272245
≈ Midnight Velvet
분열 보색 +150° +210°
- 401D08
Délicieux au Chocolat
- 002F31
≈ Roof Tile Green
- 142846
≈ Eternal Darkness
사각 배색 +90° +180° +270°
- 401D08
Délicieux au Chocolat
- 172F0F
≈ Dark Serpent
- 002D3D
≈ Black Chasm
- 351D3C
≈ Power Outage
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.02:1 · APCA Lc 102
Ag
Fail검은색 위
WCAG 1.39:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.02:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
CSS
:root {
--delicieux-au-chocolat: #401d08;
--delicieux-au-chocolat-rgb: 64 29 8;
--delicieux-au-chocolat-oklch: oklch(0.276 0.063 48.6);
}
.element {
color: var(--delicieux-au-chocolat);
background-color: hsl(23 78% 14%);
border-color: oklch(0.276 0.063 48.6);
}Tailwind CSS v4
@theme {
--color-delicieux-au-chocolat: #401d08;
--color-delicieux-au-chocolat-50: #fff1e5;
--color-delicieux-au-chocolat-100: #fae2d6;
--color-delicieux-au-chocolat-200: #ebcdbd;
--color-delicieux-au-chocolat-300: #d3af9b;
--color-delicieux-au-chocolat-400: #be947e;
--color-delicieux-au-chocolat-500: #a97a61;
--color-delicieux-au-chocolat-600: #8f6753;
--color-delicieux-au-chocolat-700: #725342;
--color-delicieux-au-chocolat-800: #553c30;
--color-delicieux-au-chocolat-900: #3b2920;
--color-delicieux-au-chocolat-950: #251710;
}SCSS
$delicieux-au-chocolat: #401d08;
$delicieux-au-chocolat-rgb: 64, 29, 8;
$delicieux-au-chocolat-light: mix(#fff, $delicieux-au-chocolat, 20%);
$delicieux-au-chocolat-dark: mix(#000, $delicieux-au-chocolat, 20%);
.element {
color: $delicieux-au-chocolat;
box-shadow: 0 0 0 2px rgba($delicieux-au-chocolat, 0.35);
}