가장 가까운 이름 색상 · #374564
#374564
가장 가까운 이름 색상: Bonne Nuit
#374564(rgb(55 69 100), hsl(221 29% 30%), oklch(0.392 0.056 265.3))와 가장 가까운 이름 색상은 Bonne Nuit입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#374564
oklch(0.392 0.056 265.3)
색상 변환
- HEX
- #374564
- RGB
- rgb(55 69 100)
- HSL
- hsl(221 29% 30%)
- HWB
- hwb(221 22% 61%)
- OKLCH
- oklch(0.392 0.056 265.3)
- OKLab
- oklab(0.392 -0.005 -0.056)
- CIE Lab
- lab(29.13 1.17 -20.27)
- LCH
- lch(29.13 20.3 273.3)
- CMYK
- cmyk(45% 31% 0% 61%)
틴트 · 셰이드 · 톤
틴트
- 495673
- 5B6782
- 6E7991
- 818BA0
- 959DAF
- A9B0BF
- BEC3CF
- D3D7DF
- E9EBEF
셰이드
- 2E3B56
- 263148
- 1E273B
- 161E2E
- 0F1522
- 080C16
- 03050B
- 010203
- 000000
톤
- 3E4B67
- 45516A
- 4C566D
- 535C70
- 5A6273
- 626875
- 696E78
- 71747B
- 787A7D
색 조화
보색 +180°
- 374564
Bonne Nuit
- 534320
≈ Clove Yellow Brown
유사색 -30° +30°
- 374564
Bonne Nuit
- 254A5F
≈ Arapawa
- 483F61
≈ Mulberry Mauve Black
삼각 배색 +120° +240°
- 374564
Bonne Nuit
- 603A36
≈ Umber Brown
- 324E33
≈ Moselle Green
분열 보색 +150° +210°
- 374564
Bonne Nuit
- 5D3D27
≈ Bracken
- 444925
≈ Nori Seaweed Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.55:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.19:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.55:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--bonne-nuit: #374564;
--bonne-nuit-rgb: 55 69 100;
--bonne-nuit-oklch: oklch(0.392 0.056 265.3);
}
.element {
color: var(--bonne-nuit);
background-color: hsl(221 29% 30%);
border-color: oklch(0.392 0.056 265.3);
}Tailwind CSS v4
@theme {
--color-bonne-nuit: #374564;
--color-bonne-nuit-50: #eef5ff;
--color-bonne-nuit-100: #dfe8fb;
--color-bonne-nuit-200: #cad4ed;
--color-bonne-nuit-300: #abb7d5;
--color-bonne-nuit-400: #8e9ec0;
--color-bonne-nuit-500: #7486ac;
--color-bonne-nuit-600: #637191;
--color-bonne-nuit-700: #4f5b75;
--color-bonne-nuit-800: #384256;
--color-bonne-nuit-900: #262e3c;
--color-bonne-nuit-950: #151b26;
}SCSS
$bonne-nuit: #374564;
$bonne-nuit-rgb: 55, 69, 100;
$bonne-nuit-light: mix(#fff, $bonne-nuit, 20%);
$bonne-nuit-dark: mix(#000, $bonne-nuit, 20%);
.element {
color: $bonne-nuit;
box-shadow: 0 0 0 2px rgba($bonne-nuit, 0.35);
}