Benannte Farbe · #ADC3A7
Belladonna’s Leaf
Belladonna’s Leaf ist #ADC3A7: rgb(173 195 167), hsl(107 19% 71%), oklch(0.793 0.046 139). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Belladonna’s Leaf color name →
#ADC3A7
oklch(0.793 0.046 139)
Farbumrechnungen
- HEX
- #adc3a7
- RGB
- rgb(173 195 167)
- HSL
- hsl(107 19% 71%)
- HWB
- hwb(107 65% 24%)
- OKLCH
- oklch(0.793 0.046 139)
- OKLab
- oklab(0.793 -0.034 0.03)
- CIE Lab
- lab(76.53 -11.69 11.48)
- LCH
- lch(76.53 16.39 135.5)
- CMYK
- cmyk(11% 0% 14% 24%)
Tints · Shades · Tones
Tints
- B5C9B0
- BDCFB8
- C5D5C1
- CDDBCA
- D5E1D2
- DEE7DB
- E6EDE4
- EEF3ED
- F7F9F6
Shades
- 96A991
- 7F907B
- 6A7866
- 556052
- 414A3E
- 2D342C
- 1B201A
- 0B0E0A
- 010201
Tones
- A8BCA3
- A4B59F
- 9FAE9B
- 9BA897
- 96A193
- 929A90
- 8D948C
- 898D88
- 848684
Farbharmonien
Komplementär +180°
- ADC3A7
Belladonna’s Leaf
- C9B3CE
≈ Elfin Herb
Analog -30° +30°
- ADC3A7
Belladonna’s Leaf
- BDBE9D
≈ Esprit
- A0C5B6
≈ Green Silk
Triadisch +120° +240°
- ADC3A7
Belladonna’s Leaf
- AABDD9
≈ September Aster
- D7B0B0
≈ Mary Rose
Geteilt komplementär +150° +210°
- ADC3A7
Belladonna’s Leaf
- BAB7D8
≈ Purple Heather
- D3B0C0
≈ Tranquil Dusk
Tetradisch +90° +180° +270°
- ADC3A7
Belladonna’s Leaf
- 9EC2D3
≈ June
- C9B3CE
≈ Elfin Herb
- D5B3A2
≈ Suntan
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.88:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.14:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.14:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--belladonna-s-leaf: #adc3a7;
--belladonna-s-leaf-rgb: 173 195 167;
--belladonna-s-leaf-oklch: oklch(0.793 0.046 139);
}
.element {
color: var(--belladonna-s-leaf);
background-color: hsl(107 19% 71%);
border-color: oklch(0.793 0.046 139);
}Tailwind CSS v4
@theme {
--color-belladonna-s-leaf: #adc3a7;
--color-belladonna-s-leaf-50: #eef9ec;
--color-belladonna-s-leaf-100: #e0ecde;
--color-belladonna-s-leaf-200: #cad9c7;
--color-belladonna-s-leaf-300: #abbea8;
--color-belladonna-s-leaf-400: #91a58c;
--color-belladonna-s-leaf-500: #778e71;
--color-belladonna-s-leaf-600: #657860;
--color-belladonna-s-leaf-700: #51604c;
--color-belladonna-s-leaf-800: #3b4637;
--color-belladonna-s-leaf-900: #283125;
--color-belladonna-s-leaf-950: #161d14;
}SCSS
$belladonna-s-leaf: #adc3a7;
$belladonna-s-leaf-rgb: 173, 195, 167;
$belladonna-s-leaf-light: mix(#fff, $belladonna-s-leaf, 20%);
$belladonna-s-leaf-dark: mix(#000, $belladonna-s-leaf, 20%);
.element {
color: $belladonna-s-leaf;
box-shadow: 0 0 0 2px rgba($belladonna-s-leaf, 0.35);
}