Couleur nommée la plus proche · #374564
#374564
Couleur nommée la plus proche: Bonne Nuit
#374564 (rgb(55 69 100), hsl(221 29% 30%), oklch(0.392 0.056 265.3)) est la plus proche de la couleur nommée Bonne Nuit. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#374564
oklch(0.392 0.056 265.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 495673
- 5B6782
- 6E7991
- 818BA0
- 959DAF
- A9B0BF
- BEC3CF
- D3D7DF
- E9EBEF
Ombres
- 2E3B56
- 263148
- 1E273B
- 161E2E
- 0F1522
- 080C16
- 03050B
- 010203
- 000000
Tons
- 3E4B67
- 45516A
- 4C566D
- 535C70
- 5A6273
- 626875
- 696E78
- 71747B
- 787A7D
Harmonies de couleurs
Complémentaire +180°
- 374564
Bonne Nuit
- 534320
≈ Clove Yellow Brown
Analogue -30° +30°
- 374564
Bonne Nuit
- 254A5F
≈ Arapawa
- 483F61
≈ Mulberry Mauve Black
Triadique +120° +240°
- 374564
Bonne Nuit
- 603A36
≈ Umber Brown
- 324E33
≈ Moselle Green
Complémentaire divisée +150° +210°
- 374564
Bonne Nuit
- 5D3D27
≈ Bracken
- 444925
≈ Nori Seaweed Green
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.55:1 · APCA Lc 92
Ag
FailSur noir
WCAG 2.19:1 · APCA Lc 10
Meilleure couleur de texte: #FFFFFF
WCAG 9.55:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
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);
}