Couleur nommée la plus proche · #4C92A4
#4C92A4
Couleur nommée la plus proche: Blue Moon
#4C92A4 (rgb(76 146 164), hsl(192 37% 47%), oklch(0.621 0.075 216.6)) est la plus proche de la couleur nommée Blue Moon. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4C92A4
oklch(0.621 0.075 216.6)
Conversions de couleur
- HEX
- #4c92a4
- RGB
- rgb(76 146 164)
- HSL
- hsl(192 37% 47%)
- HWB
- hwb(192 30% 36%)
- OKLCH
- oklch(0.621 0.075 216.6)
- OKLab
- oklab(0.621 -0.06 -0.045)
- CIE Lab
- lab(56.55 -19.07 -16.7)
- LCH
- lch(56.55 25.35 221.2)
- CMYK
- cmyk(54% 11% 0% 36%)
Teintes · Ombres · Tons
Teintes
- 5F9DAD
- 72A7B6
- 84B2BF
- 95BDC8
- A7C8D1
- B8D3DA
- CADEE3
- DBE9EC
- EDF4F6
Ombres
- 417E8E
- 366B79
- 2C5864
- 224650
- 18353D
- 0F252B
- 06161A
- 02080A
- 000101
Tons
- 5390A0
- 5A8F9D
- 5F8D99
- 658B96
- 6A8992
- 6F888F
- 74868B
- 788487
- 7C8284
Harmonies de couleurs
Complémentaire +180°
- 4C92A4
Blue Moon
- AF7766
≈ Sawshark
Analogue -30° +30°
- 4C92A4
Blue Moon
- 4B958E
≈ Mirage Lake
- 608BB2
≈ Lichen Blue
Triadique +120° +240°
- 4C92A4
Blue Moon
- A47597
≈ Teen Queen
- 948750
≈ Golden Clay
Complémentaire divisée +150° +210°
- 4C92A4
Blue Moon
- AE737F
≈ French Marron
- A67E54
≈ False Puce
Tétradique +90° +180° +270°
- 4C92A4
Blue Moon
- 927BAB
≈ Trumpeter
- AF7766
≈ Sawshark
- 7B8F5D
≈ Green Energy
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.52:1 · APCA Lc 63
Ag
AASur noir
WCAG 5.95:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--blue-moon: #4c92a4;
--blue-moon-rgb: 76 146 164;
--blue-moon-oklch: oklch(0.621 0.075 216.6);
}
.element {
color: var(--blue-moon);
background-color: hsl(192 37% 47%);
border-color: oklch(0.621 0.075 216.6);
}Tailwind CSS v4
@theme {
--color-blue-moon: #4c92a4;
--color-blue-moon-50: #defbff;
--color-blue-moon-100: #cdeff9;
--color-blue-moon-200: #b1ddea;
--color-blue-moon-300: #8cc1d2;
--color-blue-moon-400: #68aabb;
--color-blue-moon-500: #4393a6;
--color-blue-moon-600: #3a7c8d;
--color-blue-moon-700: #2e6371;
--color-blue-moon-800: #1f4953;
--color-blue-moon-900: #15333a;
--color-blue-moon-950: #061e24;
}SCSS
$blue-moon: #4c92a4;
$blue-moon-rgb: 76, 146, 164;
$blue-moon-light: mix(#fff, $blue-moon, 20%);
$blue-moon-dark: mix(#000, $blue-moon, 20%);
.element {
color: $blue-moon;
box-shadow: 0 0 0 2px rgba($blue-moon, 0.35);
}