Colore con nome · #CAE277
Idocrase Green
Idocrase Green è #CAE277: rgb(202 226 119), hsl(73 65% 68%), oklch(0.872 0.136 119.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Idocrase Green color name →
#CAE277
oklch(0.872 0.136 119.7)
Conversioni di colore
- HEX
- #cae277
- RGB
- rgb(202 226 119)
- HSL
- hsl(73 65% 68%)
- HWB
- hwb(73 47% 11%)
- OKLCH
- oklch(0.872 0.136 119.7)
- OKLab
- oklab(0.872 -0.067 0.118)
- CIE Lab
- lab(86.4 -20.06 49.04)
- LCH
- lch(86.4 52.98 112.2)
- CMYK
- cmyk(11% 0% 47% 11%)
Tinte · Ombre · Toni
Tinte
- CFE586
- D4E895
- D9EBA3
- DFEEB1
- E4F1BE
- E9F4CC
- EFF7D9
- F4FAE5
- F9FCF2
Ombre
- AFC467
- 95A857
- 7C8C47
- 647138
- 4D572A
- 373E1C
- 222710
- 0F1205
- 020301
Toni
- C2D87A
- BBCE7C
- B3C47E
- ABBA7F
- A4B080
- 9DA781
- 959D81
- 8E9381
- 878A81
Armonie di colore
Complementare +180°
- CAE277
Idocrase Green
- DCCBFF
≈ Foggy Heath
Analogo -30° +30°
- CAE277
Idocrase Green
- F8D162
≈ Soaked in Sun
- 90EEA4
≈ Mint Tonic
Triadico +120° +240°
- CAE277
Idocrase Green
- ABDCFF
≈ Droplet
- FFC1D3
≈ Garden Glory
Complementare divisa +150° +210°
- CAE277
Idocrase Green
- C5D4FF
≈ Pale Phthalo Blue
- FFBAF9
≈ Distilled Rose
Tetradico +90° +180° +270°
- CAE277
Idocrase Green
- 69EAFF
≈ Robin’s Egg
- DCCBFF
≈ Foggy Heath
- FFC5BB
≈ Your Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.65:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.65:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--idocrase-green: #cae277;
--idocrase-green-rgb: 202 226 119;
--idocrase-green-oklch: oklch(0.872 0.136 119.7);
}
.element {
color: var(--idocrase-green);
background-color: hsl(73 65% 68%);
border-color: oklch(0.872 0.136 119.7);
}Tailwind CSS v4
@theme {
--color-idocrase-green: #cae277;
--color-idocrase-green-50: #eefcd1;
--color-idocrase-green-100: #e0f0bd;
--color-idocrase-green-200: #cbde9d;
--color-idocrase-green-300: #acc272;
--color-idocrase-green-400: #95aa45;
--color-idocrase-green-500: #7c9200;
--color-idocrase-green-600: #697c04;
--color-idocrase-green-700: #546306;
--color-idocrase-green-800: #3f4800;
--color-idocrase-green-900: #2b3202;
--color-idocrase-green-950: #191e00;
}SCSS
$idocrase-green: #cae277;
$idocrase-green-rgb: 202, 226, 119;
$idocrase-green-light: mix(#fff, $idocrase-green, 20%);
$idocrase-green-dark: mix(#000, $idocrase-green, 20%);
.element {
color: $idocrase-green;
box-shadow: 0 0 0 2px rgba($idocrase-green, 0.35);
}