Couleur nommée · #53F6FF
Frozen Turquoise
Frozen Turquoise correspond à #53F6FF : rgb(83 246 255), hsl(183 100% 66%), oklch(0.894 0.132 200.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Cyan mean? → · Frozen Turquoise color name →
#53F6FF
oklch(0.894 0.132 200.4)
Conversions de couleur
- HEX
- #53f6ff
- RGB
- rgb(83 246 255)
- HSL
- hsl(183 100% 66%)
- HWB
- hwb(183 33% 0%)
- OKLCH
- oklch(0.894 0.132 200.4)
- OKLab
- oklab(0.894 -0.124 -0.046)
- CIE Lab
- lab(88.95 -41.32 -17.4)
- LCH
- lch(88.95 44.83 202.8)
- CMYK
- cmyk(67% 4% 0% 0%)
Teintes · Ombres · Tons
Teintes
- 6FF7FF
- 85F8FF
- 98FAFF
- A9FBFF
- B9FCFF
- C8FCFF
- D7FDFF
- E4FEFF
- F2FEFF
Ombres
- 47D6DE
- 3BB7BE
- 30989E
- 257B80
- 1B5F63
- 114548
- 082C2E
- 021516
- 000303
Tons
- 5FEAF2
- 69DEE4
- 70D2D7
- 75C6CA
- 79BABE
- 7CAEB1
- 7EA3A5
- 809798
- 808B8C
Harmonies de couleurs
Complémentaire +180°
- 53F6FF
Frozen Turquoise
- FFCECD
≈ Aromatic Breeze
Analogue -30° +30°
- 53F6FF
Frozen Turquoise
- 73F8CF
≈ Light Turquoise
- B1E5FF
≈ Frozen Landscape
Triadique +120° +240°
- 53F6FF
Frozen Turquoise
- F6CAFF
≈ Sassy Pink
- FFD58D
≈ Cornmeal
Complémentaire divisée +150° +210°
- 53F6FF
Frozen Turquoise
- FFCBE2
≈ Cherry Blush
- FFD1B8
≈ Peachy Bon-Bon
Tétradique +90° +180° +270°
- 53F6FF
Frozen Turquoise
- DBD6FF
≈ Pale Lavender
- FFCECD
≈ Aromatic Breeze
- E1E477
≈ Ripe Pear
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.31:1 · APCA Lc 15
Ag
AAASur noir
WCAG 15.99:1 · APCA Lc 89
Meilleure couleur de texte: #000000
WCAG 15.99:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--frozen-turquoise: #53f6ff;
--frozen-turquoise-rgb: 83 246 255;
--frozen-turquoise-oklch: oklch(0.894 0.132 200.4);
}
.element {
color: var(--frozen-turquoise);
background-color: hsl(183 100% 66%);
border-color: oklch(0.894 0.132 200.4);
}Tailwind CSS v4
@theme {
--color-frozen-turquoise: #53f6ff;
--color-frozen-turquoise-50: #c9ffff;
--color-frozen-turquoise-100: #b4f6fb;
--color-frozen-turquoise-200: #8de5ed;
--color-frozen-turquoise-300: #55cbd5;
--color-frozen-turquoise-400: #00b5be;
--color-frozen-turquoise-500: #009ea9;
--color-frozen-turquoise-600: #00868f;
--color-frozen-turquoise-700: #006b73;
--color-frozen-turquoise-800: #004f53;
--color-frozen-turquoise-900: #00373a;
--color-frozen-turquoise-950: #002224;
}SCSS
$frozen-turquoise: #53f6ff;
$frozen-turquoise-rgb: 83, 246, 255;
$frozen-turquoise-light: mix(#fff, $frozen-turquoise, 20%);
$frozen-turquoise-dark: mix(#000, $frozen-turquoise, 20%);
.element {
color: $frozen-turquoise;
box-shadow: 0 0 0 2px rgba($frozen-turquoise, 0.35);
}