Couleur nommée la plus proche · #4DAFB2
#4DAFB2
Couleur nommée la plus proche: Thalassa
#4DAFB2 (rgb(77 175 178), hsl(182 40% 50%), oklch(0.697 0.091 198)) est la plus proche de la couleur nommée Thalassa. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4DAFB2
oklch(0.697 0.091 198)
Conversions de couleur
- HEX
- #4dafb2
- RGB
- rgb(77 175 178)
- HSL
- hsl(182 40% 50%)
- HWB
- hwb(182 30% 30%)
- OKLCH
- oklch(0.697 0.091 198)
- OKLab
- oklab(0.697 -0.087 -0.028)
- CIE Lab
- lab(65.81 -29.14 -10.72)
- LCH
- lch(65.81 31.05 200.2)
- CMYK
- cmyk(57% 2% 0% 30%)
Teintes · Ombres · Tons
Teintes
- 63B7BA
- 76BFC1
- 88C7C9
- 9ACFD0
- ABD7D8
- BCDFE0
- CDE7E7
- DEEFEF
- EEF7F7
Ombres
- 42989A
- 378183
- 2C6B6D
- 225657
- 184143
- 0F2E2F
- 071C1D
- 020B0C
- 000101
Tons
- 56AAAD
- 5DA6A8
- 63A1A3
- 699C9E
- 6E9899
- 729394
- 768E8F
- 7A8A8A
- 7D8585
Harmonies de couleurs
Complémentaire +180°
- 4DAFB2
Thalassa
- D08688
≈ Mauve Glow
Analogue -30° +30°
- 4DAFB2
Thalassa
- 60B093
≈ Electra
- 5BA9CA
≈ Estero Sky
Triadique +120° +240°
- 4DAFB2
Thalassa
- B68CC3
≈ Creeping Bellflower
- BD975A
≈ Golden Bear
Complémentaire divisée +150° +210°
- 4DAFB2
Thalassa
- C886A8
≈ Moonlight Mauve
- CC8C6B
≈ Cinnamon Brandy
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.59:1 · APCA Lc 50
Ag
AAASur noir
WCAG 8.09:1 · APCA Lc 51
Meilleure couleur de texte: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
Extraits de code
CSS
:root {
--thalassa: #4dafb2;
--thalassa-rgb: 77 175 178;
--thalassa-oklch: oklch(0.697 0.091 198);
}
.element {
color: var(--thalassa);
background-color: hsl(182 40% 50%);
border-color: oklch(0.697 0.091 198);
}Tailwind CSS v4
@theme {
--color-thalassa: #4dafb2;
--color-thalassa-50: #d8feff;
--color-thalassa-100: #c5f2f4;
--color-thalassa-200: #a6e1e4;
--color-thalassa-300: #7dc6ca;
--color-thalassa-400: #54afb2;
--color-thalassa-500: #1b989c;
--color-thalassa-600: #1c8184;
--color-thalassa-700: #17676a;
--color-thalassa-800: #0e4c4d;
--color-thalassa-900: #093535;
--color-thalassa-950: #002020;
}SCSS
$thalassa: #4dafb2;
$thalassa-rgb: 77, 175, 178;
$thalassa-light: mix(#fff, $thalassa, 20%);
$thalassa-dark: mix(#000, $thalassa, 20%);
.element {
color: $thalassa;
box-shadow: 0 0 0 2px rgba($thalassa, 0.35);
}