Colore con nome · #C4CC7A
Calamansi Green
Calamansi Green è #C4CC7A: rgb(196 204 122), hsl(66 45% 64%), oklch(0.821 0.106 113.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Calamansi Green color name →
#C4CC7A
oklch(0.821 0.106 113.3)
Conversioni di colore
- HEX
- #c4cc7a
- RGB
- rgb(196 204 122)
- HSL
- hsl(66 45% 64%)
- HWB
- hwb(66 48% 20%)
- OKLCH
- oklch(0.821 0.106 113.3)
- OKLab
- oklab(0.821 -0.042 0.097)
- CIE Lab
- lab(80.04 -11.97 39.79)
- LCH
- lch(80.04 41.55 106.7)
- CMYK
- cmyk(4% 0% 40% 20%)
Tinte · Ombre · Toni
Tinte
- CAD188
- CFD696
- D5DCA3
- DBE1B1
- E1E6BE
- E7EBCB
- EDF0D8
- F3F5E5
- F9FAF2
Ombre
- AAB169
- 919759
- 787E49
- 61653A
- 4A4E2B
- 35371D
- 212210
- 0E0F05
- 020201
Toni
- BDC47C
- B6BD7D
- AFB57E
- A8AD7F
- A1A680
- 9A9E80
- 949680
- 8D8F80
- 868780
Armonie di colore
Complementare +180°
- C4CC7A
Calamansi Green
- C7B8FF
≈ Violet Heaven
Analogo -30° +30°
- C4CC7A
Calamansi Green
- E5BE71
≈ Cloudy Honey
- 9BD698
≈ Young Greens
Triadico +120° +240°
- C4CC7A
Calamansi Green
- 7AD0FE
≈ Bubbly Barracuda
- FAA8CA
≈ Taffy Pink
Complementare divisa +150° +210°
- C4CC7A
Calamansi Green
- A6C4FF
≈ Pastel Blue
- E6ADEC
≈ Candy Dreams
Tetradico +90° +180° +270°
- C4CC7A
Calamansi Green
- 64D8E3
≈ Turquoise Sea
- C7B8FF
≈ Violet Heaven
- FFABA5
≈ Patient Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.26:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.26:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--calamansi-green: #c4cc7a;
--calamansi-green-rgb: 196 204 122;
--calamansi-green-oklch: oklch(0.821 0.106 113.3);
}
.element {
color: var(--calamansi-green);
background-color: hsl(66 45% 64%);
border-color: oklch(0.821 0.106 113.3);
}Tailwind CSS v4
@theme {
--color-calamansi-green: #c4cc7a;
--color-calamansi-green-50: #f3f9d7;
--color-calamansi-green-100: #e6edc5;
--color-calamansi-green-200: #d2daa7;
--color-calamansi-green-300: #b5be7f;
--color-calamansi-green-400: #9ea559;
--color-calamansi-green-500: #868d30;
--color-calamansi-green-600: #72782a;
--color-calamansi-green-700: #5b6021;
--color-calamansi-green-800: #444615;
--color-calamansi-green-900: #2f300d;
--color-calamansi-green-950: #1b1c02;
}SCSS
$calamansi-green: #c4cc7a;
$calamansi-green-rgb: 196, 204, 122;
$calamansi-green-light: mix(#fff, $calamansi-green, 20%);
$calamansi-green-dark: mix(#000, $calamansi-green, 20%);
.element {
color: $calamansi-green;
box-shadow: 0 0 0 2px rgba($calamansi-green, 0.35);
}