Couleur nommée la plus proche · #00C1E3
#00C1E3
Couleur nommée la plus proche: Caribbean Blue
#00C1E3 (rgb(0 193 227), hsl(189 100% 45%), oklch(0.747 0.133 216.5)) est la plus proche de la couleur nommée Caribbean Blue. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#00C1E3
oklch(0.747 0.133 216.5)
Conversions de couleur
- HEX
- #00c1e3
- RGB
- rgb(0 193 227)
- HSL
- hsl(189 100% 45%)
- HWB
- hwb(189 0% 11%)
- OKLCH
- oklch(0.747 0.133 216.5)
- OKLab
- oklab(0.747 -0.107 -0.079)
- CIE Lab
- lab(71.48 -32.6 -29.06)
- LCH
- lch(71.48 43.67 221.7)
- CMYK
- cmyk(100% 15% 0% 11%)
Teintes · Ombres · Tons
Teintes
- 42C8E6
- 61CEE9
- 79D4EC
- 8FDBEF
- A3E1F2
- B7E7F5
- C9EDF7
- DBF3FA
- EDF9FD
Ombres
- 00A7C5
- 008FA8
- 00778C
- 005F71
- 004957
- 00343F
- 002027
- 000E12
- 000203
Tons
- 30BBD9
- 44B4CF
- 51AEC5
- 5CA7BB
- 65A1B1
- 6C9AA7
- 72949D
- 788D93
- 7C878A
Harmonies de couleurs
Complémentaire +180°
- 00C1E3
Caribbean Blue
- F48D70
≈ Moegi Green
Analogue -30° +30°
- 00C1E3
Caribbean Blue
- 00C7BA
≈ Swimmers Pool
- 5FB4FC
≈ Tiān Lán Sky
Triadique +120° +240°
- 00C1E3
Caribbean Blue
- E28BCC
≈ Blushed Bombshell
- C6AC3A
≈ Oil Yellow
Complémentaire divisée +150° +210°
- 00C1E3
Caribbean Blue
- F3879F
≈ Posy Petal
- E59B46
≈ Kikuchiba Gold
Tétradique +90° +180° +270°
- 00C1E3
Caribbean Blue
- C396EF
≈ Dream Vapour
- F48D70
≈ Moegi Green
- 97BC5A
≈ Happy Tune
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.15:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.73:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.73:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--caribbean-blue: #00c1e3;
--caribbean-blue-rgb: 0 193 227;
--caribbean-blue-oklch: oklch(0.747 0.133 216.5);
}
.element {
color: var(--caribbean-blue);
background-color: hsl(189 100% 45%);
border-color: oklch(0.747 0.133 216.5);
}Tailwind CSS v4
@theme {
--color-caribbean-blue: #00c1e3;
--color-caribbean-blue-50: #cbffff;
--color-caribbean-blue-100: #b6f3ff;
--color-caribbean-blue-200: #90e2fb;
--color-caribbean-blue-300: #5cc8e5;
--color-caribbean-blue-400: #00b1d1;
--color-caribbean-blue-500: #009abe;
--color-caribbean-blue-600: #0082a1;
--color-caribbean-blue-700: #006881;
--color-caribbean-blue-800: #004d5e;
--color-caribbean-blue-900: #003642;
--color-caribbean-blue-950: #00202b;
}SCSS
$caribbean-blue: #00c1e3;
$caribbean-blue-rgb: 0, 193, 227;
$caribbean-blue-light: mix(#fff, $caribbean-blue, 20%);
$caribbean-blue-dark: mix(#000, $caribbean-blue, 20%);
.element {
color: $caribbean-blue;
box-shadow: 0 0 0 2px rgba($caribbean-blue, 0.35);
}