Nächste benannte Farbe · #CFF0D6
#CFF0D6
Nächste benannte Farbe: Jade Palace
#CFF0D6 (rgb(207 240 214), hsl(133 52% 88%), oklch(0.924 0.049 151.6)) liegt am nächsten an der benannten Farbe Jade Palace. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#CFF0D6
oklch(0.924 0.049 151.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D4F2DA
- D9F3DE
- DEF5E2
- E2F6E6
- E7F8EA
- ECF9EF
- F1FBF3
- F5FCF7
- FAFEFB
Shades
- B4D1BA
- 99B29E
- 7F9584
- 67786A
- 4F5D52
- 38433B
- 232A25
- 101410
- 020302
Tones
- C7E4CD
- BFD9C4
- B7CDBB
- AFC2B3
- A7B6AA
- 9FABA1
- 97A099
- 8F9591
- 888B88
Farbharmonien
Komplementär +180°
- CFF0D6
Jade Palace
- FADBF5
≈ Strawberry Frost
Analog -30° +30°
- CFF0D6
Jade Palace
- E0ECC8
≈ Earth Happiness
- C3F1E8
≈ Light Water Wings
Triadisch +120° +240°
- CFF0D6
Jade Palace
- DDE5FF
≈ Lavender Mist
- FFDDD6
≈ Peach Schnapps
Geteilt komplementär +150° +210°
- CFF0D6
Jade Palace
- EBE0FF
≈ Lavender Savour
- FFDBE4
≈ Pink Perfume
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.22:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.08:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
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);
}