Colore con nome · #BACCA0
New Frond
New Frond è #BACCA0: rgb(186 204 160), hsl(85 30% 71%), oklch(0.82 0.063 125.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · New Frond color name →
#BACCA0
oklch(0.82 0.063 125.8)
Conversioni di colore
- HEX
- #bacca0
- RGB
- rgb(186 204 160)
- HSL
- hsl(85 30% 71%)
- HWB
- hwb(85 63% 20%)
- OKLCH
- oklch(0.82 0.063 125.8)
- OKLab
- oklab(0.82 -0.037 0.051)
- CIE Lab
- lab(79.81 -12.09 19.87)
- LCH
- lch(79.81 23.26 121.3)
- CMYK
- cmyk(9% 0% 22% 20%)
Tinte · Ombre · Toni
Tinte
- C1D1A9
- C7D6B3
- CEDBBC
- D5E0C6
- DCE5CF
- E3EBD9
- EAF0E2
- F1F5EC
- F8FAF5
Ombre
- A1B18B
- 899776
- 727E61
- 5C654E
- 464E3B
- 323729
- 1E2219
- 0D0F09
- 020201
Toni
- B4C49D
- AEBC9A
- A8B597
- A2AD94
- 9DA590
- 979E8D
- 91968A
- 8B8F87
- 868783
Armonie di colore
Complementare +180°
- BACCA0
New Frond
- CEBAE5
≈ Drifting Dream
Analogo -30° +30°
- BACCA0
New Frond
- D0C596
≈ Vast Escape
- A4D1B3
≈ Merrylyn
Triadico +120° +240°
- BACCA0
New Frond
- A3C9EB
≈ Island Light
- E9B4BE
≈ Frozen Veins
Complementare divisa +150° +210°
- BACCA0
New Frond
- B8C1ED
≈ Larkspur Bud
- DFB5D4
≈ French Lilac
Tetradico +90° +180° +270°
- BACCA0
New Frond
- 95CFDE
≈ Washed Blue
- CEBAE5
≈ Drifting Dream
- EAB6A8
≈ Plushy Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.23:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.23:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--new-frond: #bacca0;
--new-frond-rgb: 186 204 160;
--new-frond-oklch: oklch(0.82 0.063 125.8);
}
.element {
color: var(--new-frond);
background-color: hsl(85 30% 71%);
border-color: oklch(0.82 0.063 125.8);
}Tailwind CSS v4
@theme {
--color-new-frond: #bacca0;
--color-new-frond-50: #f0f9e6;
--color-new-frond-100: #e2ecd6;
--color-new-frond-200: #ccdabd;
--color-new-frond-300: #aebe9c;
--color-new-frond-400: #95a67d;
--color-new-frond-500: #7c8e60;
--color-new-frond-600: #697852;
--color-new-frond-700: #546041;
--color-new-frond-800: #3e462e;
--color-new-frond-900: #2a311f;
--color-new-frond-950: #181d0f;
}SCSS
$new-frond: #bacca0;
$new-frond-rgb: 186, 204, 160;
$new-frond-light: mix(#fff, $new-frond, 20%);
$new-frond-dark: mix(#000, $new-frond, 20%);
.element {
color: $new-frond;
box-shadow: 0 0 0 2px rgba($new-frond, 0.35);
}