Couleur nommée la plus proche · #CFF0D6
#CFF0D6
Couleur nommée la plus proche: Jade Palace
#CFF0D6 (rgb(207 240 214), hsl(133 52% 88%), oklch(0.924 0.049 151.6)) est la plus proche de la couleur nommée Jade Palace. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CFF0D6
oklch(0.924 0.049 151.6)
Conversions de couleur
- HEX
- #cff0d6
- RGB
- rgb(207 240 214)
- HSL
- hsl(133 52% 88%)
- HWB
- hwb(133 81% 6%)
- OKLCH
- oklch(0.924 0.049 151.6)
- OKLab
- oklab(0.924 -0.043 0.023)
- CIE Lab
- lab(91.88 -14.78 8.83)
- LCH
- lch(91.88 17.22 149.1)
- CMYK
- cmyk(14% 0% 11% 6%)
Teintes · Ombres · Tons
Teintes
- D4F2DA
- D9F3DE
- DEF5E2
- E2F6E6
- E7F8EA
- ECF9EF
- F1FBF3
- F5FCF7
- FAFEFB
Ombres
- B4D1BA
- 99B29E
- 7F9584
- 67786A
- 4F5D52
- 38433B
- 232A25
- 101410
- 020302
Tons
- C7E4CD
- BFD9C4
- B7CDBB
- AFC2B3
- A7B6AA
- 9FABA1
- 97A099
- 8F9591
- 888B88
Harmonies de couleurs
Complémentaire +180°
- CFF0D6
Jade Palace
- FADBF5
≈ Strawberry Frost
Analogue -30° +30°
- CFF0D6
Jade Palace
- E0ECC8
≈ Earth Happiness
- C3F1E8
≈ Light Water Wings
Triadique +120° +240°
- CFF0D6
Jade Palace
- DDE5FF
≈ Lavender Mist
- FFDDD6
≈ Peach Schnapps
Complémentaire divisée +150° +210°
- CFF0D6
Jade Palace
- EBE0FF
≈ Lavender Savour
- FFDBE4
≈ Pink Perfume
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.22:1 · APCA Lc 11
Ag
AAASur noir
WCAG 17.08:1 · APCA Lc 93
Meilleure couleur de texte: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--jade-palace: #cff0d6;
--jade-palace-rgb: 207 240 214;
--jade-palace-oklch: oklch(0.924 0.049 151.6);
}
.element {
color: var(--jade-palace);
background-color: hsl(133 52% 88%);
border-color: oklch(0.924 0.049 151.6);
}Tailwind CSS v4
@theme {
--color-jade-palace: #cff0d6;
--color-jade-palace-50: #ebfaef;
--color-jade-palace-100: #dcede0;
--color-jade-palace-200: #c5dbcb;
--color-jade-palace-300: #a5bfac;
--color-jade-palace-400: #8aa790;
--color-jade-palace-500: #6e9076;
--color-jade-palace-600: #5e7a64;
--color-jade-palace-700: #4b6150;
--color-jade-palace-800: #374739;
--color-jade-palace-900: #253127;
--color-jade-palace-950: #141d15;
}SCSS
$jade-palace: #cff0d6;
$jade-palace-rgb: 207, 240, 214;
$jade-palace-light: mix(#fff, $jade-palace, 20%);
$jade-palace-dark: mix(#000, $jade-palace, 20%);
.element {
color: $jade-palace;
box-shadow: 0 0 0 2px rgba($jade-palace, 0.35);
}