Colore con nome · #A1CCB1
Calculus
Calculus è #A1CCB1: rgb(161 204 177), hsl(142 30% 72%), oklch(0.807 0.059 157.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Calculus color name →
#A1CCB1
oklch(0.807 0.059 157.2)
Conversioni di colore
- HEX
- #a1ccb1
- RGB
- rgb(161 204 177)
- HSL
- hsl(142 30% 72%)
- HWB
- hwb(142 63% 20%)
- OKLCH
- oklch(0.807 0.059 157.2)
- OKLab
- oklab(0.807 -0.055 0.023)
- CIE Lab
- lab(78.39 -18.79 8.63)
- LCH
- lch(78.39 20.67 155.3)
- CMYK
- cmyk(21% 0% 13% 20%)
Tinte · Ombre · Toni
Tinte
- AAD1B9
- B4D6C0
- BDDBC8
- C7E0D0
- D0E5D7
- D9EBDF
- E3F0E7
- ECF5EF
- F6FAF7
Ombre
- 8BB199
- 769783
- 627E6C
- 4E6557
- 3C4E42
- 2A372F
- 19221C
- 090F0C
- 010201
Toni
- 9EC4AC
- 9BBCA7
- 98B5A2
- 94AD9D
- 91A598
- 8E9E93
- 8A968E
- 878F8A
- 838785
Armonie di colore
Complementare +180°
- A1CCB1
Calculus
- DAB2CE
≈ Purple Poodle
Analogo -30° +30°
- A1CCB1
Calculus
- B5C89F
≈ Wasabi Peanut
- 94CDC6
≈ Jamaica Bay
Triadico +120° +240°
- A1CCB1
Calculus
- B6BDE7
≈ Spoiled Rotten
- E3B3A5
≈ Terra Cotta Blush
Complementare divisa +150° +210°
- A1CCB1
Calculus
- CAB6DE
≈ Viking Diva
- E3B1B9
≈ Amazon River Dolphin
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.78:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.78:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--calculus: #a1ccb1;
--calculus-rgb: 161 204 177;
--calculus-oklch: oklch(0.807 0.059 157.2);
}
.element {
color: var(--calculus);
background-color: hsl(142 30% 72%);
border-color: oklch(0.807 0.059 157.2);
}Tailwind CSS v4
@theme {
--color-calculus: #a1ccb1;
--color-calculus-50: #e8fbef;
--color-calculus-100: #d8eee1;
--color-calculus-200: #c0dccb;
--color-calculus-300: #9ec1ad;
--color-calculus-400: #82a991;
--color-calculus-500: #659277;
--color-calculus-600: #567c65;
--color-calculus-700: #446350;
--color-calculus-800: #324939;
--color-calculus-900: #223227;
--color-calculus-950: #111e15;
}SCSS
$calculus: #a1ccb1;
$calculus-rgb: 161, 204, 177;
$calculus-light: mix(#fff, $calculus, 20%);
$calculus-dark: mix(#000, $calculus, 20%);
.element {
color: $calculus;
box-shadow: 0 0 0 2px rgba($calculus, 0.35);
}