Colore con nome · #B8A722
Earls Green
Earls Green è #B8A722: rgb(184 167 34), hsl(53 69% 43%), oklch(0.721 0.142 101.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Earls Green color name →
#B8A722
oklch(0.721 0.142 101.5)
Conversioni di colore
- HEX
- #b8a722
- RGB
- rgb(184 167 34)
- HSL
- hsl(53 69% 43%)
- HWB
- hwb(53 13% 28%)
- OKLCH
- oklch(0.721 0.142 101.5)
- OKLab
- oklab(0.721 -0.028 0.139)
- CIE Lab
- lab(68.36 -3.55 64.06)
- LCH
- lch(68.36 64.16 93.2)
- CMYK
- cmyk(0% 9% 82% 28%)
Tinte · Ombre · Toni
Tinte
- BFB045
- C6B95E
- CCC274
- D3CB89
- DAD39D
- E2DCB1
- E9E5C5
- F0EED8
- F8F6EC
Ombre
- A0911C
- 887B16
- 716611
- 5B520B
- 453E07
- 312C03
- 1E1A01
- 0C0A00
- 020100
Toni
- B2A336
- ACA044
- A79C4F
- A19858
- 9B9461
- 969068
- 908C6F
- 8B8875
- 85847B
Armonie di colore
Complementare +180°
- B8A722
Earls Green
- 9799FB
≈ Cobalite
Analogo -30° +30°
- B8A722
Earls Green
- DC942A
≈ Buttercup
- 84B753
≈ Savoy
Triadico +120° +240°
- B8A722
Earls Green
- 00B7E0
≈ Blue Atoll
- E07FBF
≈ Fuchsia Blush
Complementare divisa +150° +210°
- B8A722
Earls Green
- 5CA9FB
≈ Âbi Blue
- C28AE6
≈ Luminous Lavender
Tetradico +90° +180° +270°
- B8A722
Earls Green
- 00BDB8
≈ Jade Gravel
- 9799FB
≈ Cobalite
- EF7C8E
≈ Flower Blossom Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.44:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.58:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.58:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--earls-green: #b8a722;
--earls-green-rgb: 184 167 34;
--earls-green-oklch: oklch(0.721 0.142 101.5);
}
.element {
color: var(--earls-green);
background-color: hsl(53 69% 43%);
border-color: oklch(0.721 0.142 101.5);
}Tailwind CSS v4
@theme {
--color-earls-green: #b8a722;
--color-earls-green-50: #fcf8c9;
--color-earls-green-100: #f0ebb4;
--color-earls-green-200: #ded890;
--color-earls-green-300: #c4bb60;
--color-earls-green-400: #b0a026;
--color-earls-green-500: #9b8700;
--color-earls-green-600: #837200;
--color-earls-green-700: #695c00;
--color-earls-green-800: #4f4200;
--color-earls-green-900: #372e00;
--color-earls-green-950: #221a00;
}SCSS
$earls-green: #b8a722;
$earls-green-rgb: 184, 167, 34;
$earls-green-light: mix(#fff, $earls-green, 20%);
$earls-green-dark: mix(#000, $earls-green, 20%);
.element {
color: $earls-green;
box-shadow: 0 0 0 2px rgba($earls-green, 0.35);
}