Couleur nommée la plus proche · #75E0C6
#75E0C6
Couleur nommée la plus proche: Sea Foam
#75E0C6 (rgb(117 224 198), hsl(165 63% 67%), oklch(0.835 0.107 175.7)) est la plus proche de la couleur nommée Sea Foam. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#75E0C6
oklch(0.835 0.107 175.7)
Conversions de couleur
- HEX
- #75e0c6
- RGB
- rgb(117 224 198)
- HSL
- hsl(165 63% 67%)
- HWB
- hwb(165 46% 12%)
- OKLCH
- oklch(0.835 0.107 175.7)
- OKLab
- oklab(0.835 -0.107 0.008)
- CIE Lab
- lab(82.28 -37.11 2.71)
- LCH
- lch(82.28 37.21 175.8)
- CMYK
- cmyk(48% 0% 12% 12%)
Teintes · Ombres · Tons
Teintes
- 86E3CC
- 95E7D1
- A4EAD7
- B2EDDC
- BFF0E2
- CDF3E8
- D9F6EE
- E6F9F3
- F3FCF9
Ombres
- 65C3AC
- 55A692
- 468A7A
- 377062
- 29564B
- 1C3E35
- 0F2721
- 05120E
- 010202
Tons
- 79D6BF
- 7BCCB8
- 7EC3B0
- 7FB9A9
- 81AFA2
- 81A69B
- 819C94
- 81938E
- 818987
Harmonies de couleurs
Complémentaire +180°
- 75E0C6
Sea Foam
- FFADCB
≈ Heartfelt
Analogue -30° +30°
- 75E0C6
Sea Foam
- 9CDC9F
≈ Retro
- 68DDEB
≈ Turquoise Sea
Triadique +120° +240°
- 75E0C6
Sea Foam
- CEBDFF
≈ Lavender Tonic
- FFB784
≈ Savannah Sun
Complémentaire divisée +150° +210°
- 75E0C6
Sea Foam
- EDB1EF
≈ Candy Dreams
- FFB2AB
≈ Peach Bud
Tétradique +90° +180° +270°
- 75E0C6
Sea Foam
- B0C9FF
≈ Night Snow
- FFADCB
≈ Heartfelt
- E8C475
≈ Golden Thread
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.58:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.23:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.23:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--sea-foam: #75e0c6;
--sea-foam-rgb: 117 224 198;
--sea-foam-oklch: oklch(0.835 0.107 175.7);
}
.element {
color: var(--sea-foam);
background-color: hsl(165 63% 67%);
border-color: oklch(0.835 0.107 175.7);
}Tailwind CSS v4
@theme {
--color-sea-foam: #75e0c6;
--color-sea-foam-50: #d6fff5;
--color-sea-foam-100: #c3f4e8;
--color-sea-foam-200: #a3e4d4;
--color-sea-foam-300: #77cab7;
--color-sea-foam-400: #4db39c;
--color-sea-foam-500: #009d83;
--color-sea-foam-600: #08846f;
--color-sea-foam-700: #096a59;
--color-sea-foam-800: #074e3f;
--color-sea-foam-900: #06362c;
--color-sea-foam-950: #002119;
}SCSS
$sea-foam: #75e0c6;
$sea-foam-rgb: 117, 224, 198;
$sea-foam-light: mix(#fff, $sea-foam, 20%);
$sea-foam-dark: mix(#000, $sea-foam, 20%);
.element {
color: $sea-foam;
box-shadow: 0 0 0 2px rgba($sea-foam, 0.35);
}