Colore con nome · #93A344
Arathi Highlands
Arathi Highlands è #93A344: rgb(147 163 68), hsl(70 41% 45%), oklch(0.683 0.122 117.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Arathi Highlands color name →
#93A344
oklch(0.683 0.122 117.8)
Conversioni di colore
- HEX
- #93a344
- RGB
- rgb(147 163 68)
- HSL
- hsl(70 41% 45%)
- HWB
- hwb(70 27% 36%)
- OKLCH
- oklch(0.683 0.122 117.8)
- OKLab
- oklab(0.683 -0.057 0.108)
- CIE Lab
- lab(64.24 -16.13 46.12)
- LCH
- lch(64.24 48.86 109.3)
- CMYK
- cmyk(10% 0% 58% 36%)
Tinte · Ombre · Toni
Tinte
- 9DAC59
- A7B56D
- B2BF80
- BCC892
- C7D1A4
- D2DAB6
- DDE3C8
- E8EDDB
- F4F6ED
Ombre
- 7F8D3A
- 6C7830
- 596326
- 474F1D
- 363C14
- 252A0C
- 161905
- 080A02
- 010100
Toni
- 91A04D
- 8F9C54
- 8D995B
- 8B9562
- 899268
- 878E6D
- 858B72
- 848777
- 82847C
Armonie di colore
Complementare +180°
- 93A344
Arathi Highlands
- A288DB
≈ Middy’s Purple
Analogo -30° +30°
- 93A344
Arathi Highlands
- B99430
≈ Nugget
- 61AE6D
≈ Algae
Triadico +120° +240°
- 93A344
Arathi Highlands
- 42A3DB
≈ Waimea Blue
- D57899
≈ Little Bow Pink
Complementare divisa +150° +210°
- 93A344
Arathi Highlands
- 7896E5
≈ Guilliman Blue
- C17DBF
≈ Lavender Sweater
Tetradico +90° +180° +270°
- 93A344
Arathi Highlands
- 00ADBF
≈ Bahaman Sea
- A288DB
≈ Middy’s Purple
- DA7A6F
≈ Lei Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.77:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.56:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.56:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--arathi-highlands: #93a344;
--arathi-highlands-rgb: 147 163 68;
--arathi-highlands-oklch: oklch(0.683 0.122 117.8);
}
.element {
color: var(--arathi-highlands);
background-color: hsl(70 41% 45%);
border-color: oklch(0.683 0.122 117.8);
}Tailwind CSS v4
@theme {
--color-arathi-highlands: #93a344;
--color-arathi-highlands-50: #f0fbd4;
--color-arathi-highlands-100: #e2eec1;
--color-arathi-highlands-200: #cddca2;
--color-arathi-highlands-300: #afc179;
--color-arathi-highlands-400: #98a84f;
--color-arathi-highlands-500: #80901d;
--color-arathi-highlands-600: #6c7a1c;
--color-arathi-highlands-700: #566217;
--color-arathi-highlands-800: #41470c;
--color-arathi-highlands-900: #2d3107;
--color-arathi-highlands-950: #1a1d00;
}SCSS
$arathi-highlands: #93a344;
$arathi-highlands-rgb: 147, 163, 68;
$arathi-highlands-light: mix(#fff, $arathi-highlands, 20%);
$arathi-highlands-dark: mix(#000, $arathi-highlands, 20%);
.element {
color: $arathi-highlands;
box-shadow: 0 0 0 2px rgba($arathi-highlands, 0.35);
}