Couleur nommée la plus proche · #DCEFEF
#DCEFEF
Couleur nommée la plus proche: Free Spirit
#DCEFEF (rgb(220 239 239), hsl(180 37% 90%), oklch(0.938 0.02 196.8)) est la plus proche de la couleur nommée Free Spirit. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DCEFEF
oklch(0.938 0.02 196.8)
Conversions de couleur
- HEX
- #dcefef
- RGB
- rgb(220 239 239)
- HSL
- hsl(180 37% 90%)
- HWB
- hwb(180 86% 6%)
- OKLCH
- oklch(0.938 0.02 196.8)
- OKLab
- oklab(0.938 -0.019 -0.006)
- CIE Lab
- lab(93.03 -6.48 -2.26)
- LCH
- lch(93.03 6.86 199.2)
- CMYK
- cmyk(8% 0% 0% 6%)
Teintes · Ombres · Tons
Teintes
- E0F1F1
- E3F2F2
- E7F4F4
- EAF5F5
- EEF7F7
- F1F9F9
- F5FAFA
- F8FCFC
- FCFDFD
Ombres
- BFD0D0
- A3B1B1
- 889494
- 6E7878
- 545C5C
- 3C4242
- 262A2A
- 111414
- 020303
Tons
- D2E3E3
- C9D8D8
- C0CCCC
- B6C1C1
- ADB6B6
- A4ABAB
- 9BA0A0
- 929595
- 898B8B
Harmonies de couleurs
Complémentaire +180°
- DCEFEF
Free Spirit
- F8E5E6
≈ Marshmallow Rose
Analogue -30° +30°
- DCEFEF
Free Spirit
- DFEFE8
≈ Morning Light Wave
- DDEEF5
≈ Ice Fishing
Triadique +120° +240°
- DCEFEF
Free Spirit
- F0E7F4
≈ Holographic Lavender
- F2E9DC
≈ Lotus Petal
Complémentaire divisée +150° +210°
- DCEFEF
Free Spirit
- F5E5ED
≈ Nina
- F7E7DF
≈ My Sweetheart
Tétradique +90° +180° +270°
- DCEFEF
Free Spirit
- E9E9F8
≈ Icy Lilac
- F8E5E6
≈ Marshmallow Rose
- ECECDD
≈ Amazon Mist
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.19:1 · APCA Lc 9
Ag
AAASur noir
WCAG 17.63:1 · APCA Lc 95
Meilleure couleur de texte: #000000
WCAG 17.63:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--free-spirit: #dcefef;
--free-spirit-rgb: 220 239 239;
--free-spirit-oklch: oklch(0.938 0.02 196.8);
}
.element {
color: var(--free-spirit);
background-color: hsl(180 37% 90%);
border-color: oklch(0.938 0.02 196.8);
}Tailwind CSS v4
@theme {
--color-free-spirit: #dcefef;
--color-free-spirit-50: #eff7f7;
--color-free-spirit-100: #e1eaea;
--color-free-spirit-200: #cbd7d7;
--color-free-spirit-300: #acbbbb;
--color-free-spirit-400: #91a2a2;
--color-free-spirit-500: #778b8b;
--color-free-spirit-600: #657575;
--color-free-spirit-700: #515e5e;
--color-free-spirit-800: #3b4544;
--color-free-spirit-900: #282f2f;
--color-free-spirit-950: #161c1c;
}SCSS
$free-spirit: #dcefef;
$free-spirit-rgb: 220, 239, 239;
$free-spirit-light: mix(#fff, $free-spirit, 20%);
$free-spirit-dark: mix(#000, $free-spirit, 20%);
.element {
color: $free-spirit;
box-shadow: 0 0 0 2px rgba($free-spirit, 0.35);
}