Couleur nommée la plus proche · #00889A
#00889A
Couleur nommée la plus proche: Cruising
#00889A (rgb(0 136 154), hsl(187 100% 30%), oklch(0.575 0.1 211)) est la plus proche de la couleur nommée Cruising. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#00889A
oklch(0.575 0.1 211)
Conversions de couleur
- HEX
- #00889a
- RGB
- rgb(0 136 154)
- HSL
- hsl(187 100% 30%)
- HWB
- hwb(187 0% 40%)
- OKLCH
- oklch(0.575 0.1 211)
- OKLab
- oklab(0.575 -0.086 -0.051)
- CIE Lab
- lab(51.39 -27.03 -18.97)
- LCH
- lch(51.39 33.02 215.1)
- CMYK
- cmyk(100% 12% 0% 40%)
Teintes · Ombres · Tons
Teintes
- 3594A4
- 519FAE
- 69ABB8
- 7FB7C2
- 95C3CC
- AACFD6
- C0DBE0
- D5E7EA
- EAF3F5
Ombres
- 007585
- 006371
- 00525E
- 00414B
- 003139
- 002227
- 001317
- 000609
- 000101
Tons
- 258798
- 378795
- 448692
- 4F8690
- 59858D
- 62848B
- 6A8388
- 728285
- 798183
Harmonies de couleurs
Complémentaire +180°
- 00889A
Cruising
- AC6154
≈ Trolley Dash
Analogue -30° +30°
- 00889A
Cruising
- 138C7C
≈ Porcelain Green
- 3B80AE
≈ Beijing Blue
Triadique +120° +240°
- 00889A
Cruising
- 9A6294
≈ Thimble Red
- 8F7628
≈ Aubergine Green
Complémentaire divisée +150° +210°
- 00889A
Cruising
- A85E75
≈ Topinambur Root
- A36A36
≈ Eagle
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.20:1 · APCA Lc 68
Ag
AASur noir
WCAG 4.98:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--cruising: #00889a;
--cruising-rgb: 0 136 154;
--cruising-oklch: oklch(0.575 0.1 211);
}
.element {
color: var(--cruising);
background-color: hsl(187 100% 30%);
border-color: oklch(0.575 0.1 211);
}Tailwind CSS v4
@theme {
--color-cruising: #00889a;
--color-cruising-50: #d6fdff;
--color-cruising-100: #c3f1fc;
--color-cruising-200: #a3e0ee;
--color-cruising-300: #78c5d6;
--color-cruising-400: #4baec0;
--color-cruising-500: #0097ab;
--color-cruising-600: #048091;
--color-cruising-700: #076674;
--color-cruising-800: #024c55;
--color-cruising-900: #03343b;
--color-cruising-950: #002025;
}SCSS
$cruising: #00889a;
$cruising-rgb: 0, 136, 154;
$cruising-light: mix(#fff, $cruising, 20%);
$cruising-dark: mix(#000, $cruising, 20%);
.element {
color: $cruising;
box-shadow: 0 0 0 2px rgba($cruising, 0.35);
}