Colore con nome · #C6E1BC
Ambrosia
Ambrosia è #C6E1BC: rgb(198 225 188), hsl(104 38% 81%), oklch(0.88 0.058 137.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Ambrosia color name →
#C6E1BC
oklch(0.88 0.058 137.2)
Conversioni di colore
- HEX
- #c6e1bc
- RGB
- rgb(198 225 188)
- HSL
- hsl(104 38% 81%)
- HWB
- hwb(104 74% 12%)
- OKLCH
- oklch(0.88 0.058 137.2)
- OKLab
- oklab(0.88 -0.042 0.039)
- CIE Lab
- lab(86.8 -14.29 15.04)
- LCH
- lch(86.8 20.75 133.5)
- CMYK
- cmyk(12% 0% 16% 12%)
Tinte · Ombre · Toni
Tinte
- CCE4C3
- D1E7C9
- D7EAD0
- DDEDD7
- E2F0DD
- E8F3E4
- EEF6EB
- F4F9F2
- F9FCF8
Ombre
- ACC4A3
- 92A78B
- 7A8B73
- 62705D
- 4B5647
- 353E32
- 21271F
- 0E120D
- 020202
Toni
- BFD7B6
- B8CDB0
- B1C3AA
- A9B9A4
- A2AF9E
- 9BA698
- 959C92
- 8E938C
- 878986
Armonie di colore
Complementare +180°
- C6E1BC
Ambrosia
- E7CCF1
≈ Mousse aux Pruneaux
Analogo -30° +30°
- C6E1BC
Ambrosia
- DBDBAF
≈ Spring Thyme
- B4E4D0
≈ Crystal Rapids
Triadico +120° +240°
- C6E1BC
Ambrosia
- C0DAFE
≈ Broad Daylight
- FBC9CA
≈ Elegant Light Rose
Complementare divisa +150° +210°
- C6E1BC
Ambrosia
- D4D2FC
≈ Pale Phthalo Blue
- F5C9DF
≈ Laelia Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.89:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 14.89:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--ambrosia: #c6e1bc;
--ambrosia-rgb: 198 225 188;
--ambrosia-oklch: oklch(0.88 0.058 137.2);
}
.element {
color: var(--ambrosia);
background-color: hsl(104 38% 81%);
border-color: oklch(0.88 0.058 137.2);
}Tailwind CSS v4
@theme {
--color-ambrosia: #c6e1bc;
--color-ambrosia-50: #edf9ea;
--color-ambrosia-100: #deeddb;
--color-ambrosia-200: #c8dbc3;
--color-ambrosia-300: #a9bfa3;
--color-ambrosia-400: #8fa786;
--color-ambrosia-500: #748f6a;
--color-ambrosia-600: #62795a;
--color-ambrosia-700: #4f6148;
--color-ambrosia-800: #3a4733;
--color-ambrosia-900: #283123;
--color-ambrosia-950: #161d12;
}SCSS
$ambrosia: #c6e1bc;
$ambrosia-rgb: 198, 225, 188;
$ambrosia-light: mix(#fff, $ambrosia, 20%);
$ambrosia-dark: mix(#000, $ambrosia, 20%);
.element {
color: $ambrosia;
box-shadow: 0 0 0 2px rgba($ambrosia, 0.35);
}