Màu có tên gần nhất · #374564
#374564
Màu có tên gần nhất: Bonne Nuit
#374564 (rgb(55 69 100), hsl(221 29% 30%), oklch(0.392 0.056 265.3)) gần nhất với màu có tên Bonne Nuit. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#374564
oklch(0.392 0.056 265.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 495673
- 5B6782
- 6E7991
- 818BA0
- 959DAF
- A9B0BF
- BEC3CF
- D3D7DF
- E9EBEF
Sắc đậm
- 2E3B56
- 263148
- 1E273B
- 161E2E
- 0F1522
- 080C16
- 03050B
- 010203
- 000000
Sắc xám
- 3E4B67
- 45516A
- 4C566D
- 535C70
- 5A6273
- 626875
- 696E78
- 71747B
- 787A7D
Hòa sắc
Bổ túc +180°
- 374564
Bonne Nuit
- 534320
≈ Clove Yellow Brown
Tương đồng -30° +30°
- 374564
Bonne Nuit
- 254A5F
≈ Arapawa
- 483F61
≈ Mulberry Mauve Black
Bộ ba +120° +240°
- 374564
Bonne Nuit
- 603A36
≈ Umber Brown
- 324E33
≈ Moselle Green
Bổ túc chia +150° +210°
- 374564
Bonne Nuit
- 5D3D27
≈ Bracken
- 444925
≈ Nori Seaweed Green
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.55:1 · APCA Lc 92
Ag
FailTrên nền đen
WCAG 2.19:1 · APCA Lc 10
Màu chữ tốt nhất: #FFFFFF
WCAG 9.55:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
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);
}