Benannte Farbe · #CAE4B2
Cool Peridot
Cool Peridot ist #CAE4B2: rgb(202 228 178), hsl(91 48% 80%), oklch(0.887 0.072 130.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Cool Peridot color name →
#CAE4B2
oklch(0.887 0.072 130.2)
Farbumrechnungen
- HEX
- #cae4b2
- RGB
- rgb(202 228 178)
- HSL
- hsl(91 48% 80%)
- HWB
- hwb(91 70% 11%)
- OKLCH
- oklch(0.887 0.072 130.2)
- OKLab
- oklab(0.887 -0.047 0.055)
- CIE Lab
- lab(87.71 -15.45 21.5)
- LCH
- lch(87.71 26.48 125.7)
- CMYK
- cmyk(11% 0% 22% 11%)
Tints · Shades · Tones
Tints
- CFE7BA
- D4EAC2
- DAECC9
- DFEFD1
- E4F2D9
- EAF4E0
- EFF7E8
- F4FAF0
- FAFCF7
Shades
- AFC69A
- 95A983
- 7C8D6D
- 647257
- 4D5843
- 373F2F
- 22281D
- 0F120C
- 020301
Tones
- C2DAAD
- BBCFA8
- B3C5A3
- ACBB9E
- A4B199
- 9DA794
- 969D8F
- 8E938A
- 878A85
Farbharmonien
Komplementär +180°
- CAE4B2
Cool Peridot
- E9CDFE
≈ Sparkling Lavender
Analog -30° +30°
- CAE4B2
Cool Peridot
- E4DCA5
≈ Green Charm
- B1E9CA
≈ Mint-o-licious
Triadisch +120° +240°
- CAE4B2
Cool Peridot
- BEDDFF
≈ Broad Daylight
- FFCAD0
≈ Fruit Bowl
Geteilt komplementär +150° +210°
- CAE4B2
Cool Peridot
- D2D6FF
≈ Pale Phthalo Blue
- FBC8E9
≈ Soulmate Pink
Tetradisch +90° +180° +270°
- CAE4B2
Cool Peridot
- A4E6FB
≈ Ganon Blue
- E9CDFE
≈ Sparkling Lavender
- FFCDBB
≈ Piggy Bank
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.37:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.25:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.25:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--cool-peridot: #cae4b2;
--cool-peridot-rgb: 202 228 178;
--cool-peridot-oklch: oklch(0.887 0.072 130.2);
}
.element {
color: var(--cool-peridot);
background-color: hsl(91 48% 80%);
border-color: oklch(0.887 0.072 130.2);
}Tailwind CSS v4
@theme {
--color-cool-peridot: #cae4b2;
--color-cool-peridot-50: #eefae5;
--color-cool-peridot-100: #dfedd5;
--color-cool-peridot-200: #c9dbbc;
--color-cool-peridot-300: #aac09a;
--color-cool-peridot-400: #90a77a;
--color-cool-peridot-500: #76905d;
--color-cool-peridot-600: #647a4f;
--color-cool-peridot-700: #50623f;
--color-cool-peridot-800: #3b472c;
--color-cool-peridot-900: #28311e;
--color-cool-peridot-950: #161d0e;
}SCSS
$cool-peridot: #cae4b2;
$cool-peridot-rgb: 202, 228, 178;
$cool-peridot-light: mix(#fff, $cool-peridot, 20%);
$cool-peridot-dark: mix(#000, $cool-peridot, 20%);
.element {
color: $cool-peridot;
box-shadow: 0 0 0 2px rgba($cool-peridot, 0.35);
}