Colore con nome · #A69A51
Formosan Green
Formosan Green è #A69A51: rgb(166 154 81), hsl(52 34% 48%), oklch(0.681 0.095 100.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Formosan Green color name →
#A69A51
oklch(0.681 0.095 100.1)
Conversioni di colore
- HEX
- #a69a51
- RGB
- rgb(166 154 81)
- HSL
- hsl(52 34% 48%)
- HWB
- hwb(52 32% 35%)
- OKLCH
- oklch(0.681 0.095 100.1)
- OKLab
- oklab(0.681 -0.017 0.094)
- CIE Lab
- lab(63.47 -2.78 39.56)
- LCH
- lch(63.47 39.66 94)
- CMYK
- cmyk(0% 7% 51% 35%)
Tinte · Ombre · Toni
Tinte
- AEA463
- B7AE75
- C0B886
- C9C298
- D1CCA9
- DAD6BA
- E3E0CB
- ECEADC
- F6F5EE
Ombre
- 908545
- 7A713A
- 655E2F
- 514B24
- 3E391A
- 2B2710
- 1A1707
- 0A0902
- 010100
Toni
- A29857
- 9E955D
- 9A9262
- 969067
- 938D6C
- 8F8B70
- 8B8875
- 878579
- 84837C
Armonie di colore
Complementare +180°
- A69A51
Formosan Green
- 8D92D3
≈ Mystic Iris
Analogo -30° +30°
- A69A51
Formosan Green
- BE8E54
≈ Summer Weasel
- 85A565
≈ Scarpetta
Triadico +120° +240°
- A69A51
Formosan Green
- 4AA6C1
≈ Pottery Blue
- C081AB
≈ Joie de Vivre
Complementare divisa +150° +210°
- A69A51
Formosan Green
- 6A9DD1
≈ Blue Electress
- AB88C5
≈ Creeping Bellflower
Tetradico +90° +180° +270°
- A69A51
Formosan Green
- 43ABA6
≈ Tidal Teal
- 8D92D3
≈ Mystic Iris
- CC7F8B
≈ Grey Matter
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.85:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.36:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.36:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--formosan-green: #a69a51;
--formosan-green-rgb: 166 154 81;
--formosan-green-oklch: oklch(0.681 0.095 100.1);
}
.element {
color: var(--formosan-green);
background-color: hsl(52 34% 48%);
border-color: oklch(0.681 0.095 100.1);
}Tailwind CSS v4
@theme {
--color-formosan-green: #a69a51;
--color-formosan-green-50: #faf7d8;
--color-formosan-green-100: #eeeac5;
--color-formosan-green-200: #dcd6a8;
--color-formosan-green-300: #c1ba80;
--color-formosan-green-400: #aba05b;
--color-formosan-green-500: #958734;
--color-formosan-green-600: #7e732d;
--color-formosan-green-700: #655c24;
--color-formosan-green-800: #4b4318;
--color-formosan-green-900: #342e0f;
--color-formosan-green-950: #201b03;
}SCSS
$formosan-green: #a69a51;
$formosan-green-rgb: 166, 154, 81;
$formosan-green-light: mix(#fff, $formosan-green, 20%);
$formosan-green-dark: mix(#000, $formosan-green, 20%);
.element {
color: $formosan-green;
box-shadow: 0 0 0 2px rgba($formosan-green, 0.35);
}