Colore con nome · #B2AA7A
Even Growth
Even Growth è #B2AA7A: rgb(178 170 122), hsl(51 27% 59%), oklch(0.733 0.066 99.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Even Growth color name →
#B2AA7A
oklch(0.733 0.066 99.8)
Conversioni di colore
- HEX
- #b2aa7a
- RGB
- rgb(178 170 122)
- HSL
- hsl(51 27% 59%)
- HWB
- hwb(51 48% 30%)
- OKLCH
- oklch(0.733 0.066 99.8)
- OKLab
- oklab(0.733 -0.011 0.065)
- CIE Lab
- lab(69.4 -2.56 25.91)
- LCH
- lch(69.4 26.04 95.6)
- CMYK
- cmyk(0% 4% 31% 30%)
Tinte · Ombre · Toni
Tinte
- B9B287
- C1BB94
- C8C3A1
- D0CCAF
- D8D4BC
- DFDDC9
- E7E5D6
- EFEEE4
- F7F6F1
Ombre
- 9A9369
- 837D59
- 6D6849
- 57533A
- 433F2B
- 2F2D1D
- 1D1B10
- 0C0B05
- 010101
Toni
- ADA67B
- A8A27C
- A39D7D
- 9E997E
- 99957E
- 94917F
- 8F8D7F
- 8A8880
- 858480
Armonie di colore
Complementare +180°
- B2AA7A
Even Growth
- A0A5D2
≈ Water Hyacinth
Analogo -30° +30°
- B2AA7A
Even Growth
- C4A27C
≈ Almandine
- 9BB186
≈ Easygoing Green
Triadico +120° +240°
- B2AA7A
Even Growth
- 79B3C5
≈ Heavenly
- C599B6
≈ Morning Glory Pink
Complementare divisa +150° +210°
- B2AA7A
Even Growth
- 89ACD1
≈ Mini Bay
- B59EC8
≈ Dechala Lilac
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.92:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--even-growth: #b2aa7a;
--even-growth-rgb: 178 170 122;
--even-growth-oklch: oklch(0.733 0.066 99.8);
}
.element {
color: var(--even-growth);
background-color: hsl(51 27% 59%);
border-color: oklch(0.733 0.066 99.8);
}Tailwind CSS v4
@theme {
--color-even-growth: #b2aa7a;
--color-even-growth-50: #f9f6e1;
--color-even-growth-100: #ece9d0;
--color-even-growth-200: #d9d6b6;
--color-even-growth-300: #beb993;
--color-even-growth-400: #a7a073;
--color-even-growth-500: #908753;
--color-even-growth-600: #7a7347;
--color-even-growth-700: #625c39;
--color-even-growth-800: #484328;
--color-even-growth-900: #322e1b;
--color-even-growth-950: #1e1b0b;
}SCSS
$even-growth: #b2aa7a;
$even-growth-rgb: 178, 170, 122;
$even-growth-light: mix(#fff, $even-growth, 20%);
$even-growth-dark: mix(#000, $even-growth, 20%);
.element {
color: $even-growth;
box-shadow: 0 0 0 2px rgba($even-growth, 0.35);
}