Colore con nome · #CAE4B2
Cool Peridot
Cool Peridot è #CAE4B2: rgb(202 228 178), hsl(91 48% 80%), oklch(0.887 0.072 130.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Cool Peridot color name →
#CAE4B2
oklch(0.887 0.072 130.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CFE7BA
- D4EAC2
- DAECC9
- DFEFD1
- E4F2D9
- EAF4E0
- EFF7E8
- F4FAF0
- FAFCF7
Ombre
- AFC69A
- 95A983
- 7C8D6D
- 647257
- 4D5843
- 373F2F
- 22281D
- 0F120C
- 020301
Toni
- C2DAAD
- BBCFA8
- B3C5A3
- ACBB9E
- A4B199
- 9DA794
- 969D8F
- 8E938A
- 878A85
Armonie di colore
Complementare +180°
- CAE4B2
Cool Peridot
- E9CDFE
≈ Sparkling Lavender
Analogo -30° +30°
- CAE4B2
Cool Peridot
- E4DCA5
≈ Green Charm
- B1E9CA
≈ Mint-o-licious
Triadico +120° +240°
- CAE4B2
Cool Peridot
- BEDDFF
≈ Broad Daylight
- FFCAD0
≈ Fruit Bowl
Complementare divisa +150° +210°
- CAE4B2
Cool Peridot
- D2D6FF
≈ Pale Phthalo Blue
- FBC8E9
≈ Soulmate Pink
Tetradico +90° +180° +270°
- CAE4B2
Cool Peridot
- A4E6FB
≈ Ganon Blue
- E9CDFE
≈ Sparkling Lavender
- FFCDBB
≈ Piggy Bank
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.25:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.25:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
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);
}