Couleur nommée la plus proche · #0C4545
#0C4545
Couleur nommée la plus proche: Rich Black
#0C4545 (rgb(12 69 69), hsl(180 70% 16%), oklch(0.356 0.055 194.9)) est la plus proche de la couleur nommée Rich Black. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#0C4545
oklch(0.356 0.055 194.9)
Conversions de couleur
- HEX
- #0c4545
- RGB
- rgb(12 69 69)
- HSL
- hsl(180 70% 16%)
- HWB
- hwb(180 5% 73%)
- OKLCH
- oklch(0.356 0.055 194.9)
- OKLab
- oklab(0.356 -0.054 -0.014)
- CIE Lab
- lab(25.89 -18.16 -5.45)
- LCH
- lch(25.89 18.96 196.7)
- CMYK
- cmyk(83% 0% 0% 73%)
Teintes · Ombres · Tons
Teintes
- 285656
- 406767
- 577978
- 6D8B8A
- 859D9D
- 9CB0B0
- B4C3C3
- CDD7D7
- E6EBEB
Ombres
- 093B3B
- 063131
- 042727
- 031E1E
- 021515
- 010C0C
- 000505
- 000202
- 000000
Tons
- 1D4B4B
- 2A5150
- 355656
- 405C5C
- 4B6262
- 566868
- 606E6E
- 6B7474
- 757A7A
Harmonies de couleurs
Complémentaire +180°
- 0C4545
Rich Black
- 553033
≈ Mid Century
Analogue -30° +30°
- 0C4545
Rich Black
- 1B4535
≈ Sherwood Green
- 154252
≈ Cold and Dark
Triadique +120° +240°
- 0C4545
Rich Black
- 473350
≈ Oregon Grape
- 4D3818
≈ Café Noir
Complémentaire divisée +150° +210°
- 0C4545
Rich Black
- 513043
≈ Potent Purple
- 543223
≈ Wild Boar
Tétradique +90° +180° +270°
- 0C4545
Rich Black
- 393858
≈ Magic Night
- 553033
≈ Mid Century
- 403E18
≈ Turtle Skin
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.75:1 · APCA Lc 95
Ag
FailSur noir
WCAG 1.95:1 · APCA Lc 8
Meilleure couleur de texte: #FFFFFF
WCAG 10.75:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--rich-black: #0c4545;
--rich-black-rgb: 12 69 69;
--rich-black-oklch: oklch(0.356 0.055 194.9);
}
.element {
color: var(--rich-black);
background-color: hsl(180 70% 16%);
border-color: oklch(0.356 0.055 194.9);
}Tailwind CSS v4
@theme {
--color-rich-black: #0c4545;
--color-rich-black-50: #e4fafa;
--color-rich-black-100: #d4eeee;
--color-rich-black-200: #badcdc;
--color-rich-black-300: #97c1c1;
--color-rich-black-400: #77a9a8;
--color-rich-black-500: #589291;
--color-rich-black-600: #4b7b7b;
--color-rich-black-700: #3c6362;
--color-rich-black-800: #2a4948;
--color-rich-black-900: #1d3232;
--color-rich-black-950: #0c1e1e;
}SCSS
$rich-black: #0c4545;
$rich-black-rgb: 12, 69, 69;
$rich-black-light: mix(#fff, $rich-black, 20%);
$rich-black-dark: mix(#000, $rich-black, 20%);
.element {
color: $rich-black;
box-shadow: 0 0 0 2px rgba($rich-black, 0.35);
}