Couleur nommée la plus proche · #5BE6DD
#5BE6DD
Couleur nommée la plus proche: Near Moon
#5BE6DD (rgb(91 230 221), hsl(176 74% 63%), oklch(0.847 0.12 189.2)) est la plus proche de la couleur nommée Near Moon. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5BE6DD
oklch(0.847 0.12 189.2)
Conversions de couleur
- HEX
- #5be6dd
- RGB
- rgb(91 230 221)
- HSL
- hsl(176 74% 63%)
- HWB
- hwb(176 36% 10%)
- OKLCH
- oklch(0.847 0.12 189.2)
- OKLab
- oklab(0.847 -0.119 -0.019)
- CIE Lab
- lab(83.67 -40.69 -7.46)
- LCH
- lch(83.67 41.37 190.4)
- CMYK
- cmyk(60% 0% 4% 10%)
Teintes · Ombres · Tons
Teintes
- 72E9E0
- 86ECE4
- 98EEE7
- A9F1EB
- B8F3EE
- C7F6F1
- D6F8F5
- E4FBF8
- F1FDFC
Ombres
- 4EC8C0
- 41ABA4
- 358E88
- 29736E
- 1E5955
- 13403D
- 092826
- 031311
- 000302
Tons
- 64DCD3
- 6BD1CA
- 71C7C0
- 76BDB7
- 79B2AD
- 7CA8A4
- 7E9E9B
- 7F9492
- 808A89
Harmonies de couleurs
Complémentaire +180°
- 5BE6DD
Near Moon
- FFB6C1
≈ Matt Pink
Analogue -30° +30°
- 5BE6DD
Near Moon
- 82E5B1
≈ Jovial Jade
- 6CDEFF
≈ Athena Blue
Triadique +120° +240°
- 5BE6DD
Near Moon
- E0BBFF
≈ Lavender Fragrance
- FFBF74
≈ Cinnamon Buff
Complémentaire divisée +150° +210°
- 5BE6DD
Near Moon
- FFAFE6
≈ Pink Apotheosis
- FFBAA3
≈ Blushing Apricot
Tétradique +90° +180° +270°
- 5BE6DD
Near Moon
- C2C8FF
≈ Light Periwinkle
- FFB6C1
≈ Matt Pink
- E0CE6D
≈ Sulphur Pit
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.52:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.80:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.80:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--near-moon: #5be6dd;
--near-moon-rgb: 91 230 221;
--near-moon-oklch: oklch(0.847 0.12 189.2);
}
.element {
color: var(--near-moon);
background-color: hsl(176 74% 63%);
border-color: oklch(0.847 0.12 189.2);
}Tailwind CSS v4
@theme {
--color-near-moon: #5be6dd;
--color-near-moon-50: #cffffd;
--color-near-moon-100: #baf5f1;
--color-near-moon-200: #96e5e1;
--color-near-moon-300: #64cbc6;
--color-near-moon-400: #25b5ad;
--color-near-moon-500: #009e97;
--color-near-moon-600: #00867f;
--color-near-moon-700: #006b66;
--color-near-moon-800: #004f49;
--color-near-moon-900: #003733;
--color-near-moon-950: #00221f;
}SCSS
$near-moon: #5be6dd;
$near-moon-rgb: 91, 230, 221;
$near-moon-light: mix(#fff, $near-moon, 20%);
$near-moon-dark: mix(#000, $near-moon, 20%);
.element {
color: $near-moon;
box-shadow: 0 0 0 2px rgba($near-moon, 0.35);
}