Colore con nome · #96B403
Salty Thyme
Salty Thyme è #96B403: rgb(150 180 3), hsl(70 97% 36%), oklch(0.721 0.172 120.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Salty Thyme color name →
#96B403
oklch(0.721 0.172 120.9)
Conversioni di colore
- HEX
- #96b403
- RGB
- rgb(150 180 3)
- HSL
- hsl(70 97% 36%)
- HWB
- hwb(70 1% 29%)
- OKLCH
- oklch(0.721 0.172 120.9)
- OKLab
- oklab(0.721 -0.089 0.148)
- CIE Lab
- lab(69.12 -24.78 68.62)
- LCH
- lch(69.12 72.96 109.9)
- CMYK
- cmyk(17% 0% 98% 29%)
Tinte · Ombre · Toni
Tinte
- A0BC3B
- AAC457
- B4CB70
- BED386
- C9DA9B
- D3E2AF
- DEE9C3
- E9F1D7
- F4F8EB
Ombre
- 829C02
- 6E8502
- 5B6E01
- 495801
- 374400
- 263000
- 161D00
- 080C00
- 010200
Toni
- 94AF2A
- 91AA3C
- 8FA549
- 8DA054
- 8A9B5E
- 889666
- 86906D
- 848B74
- 82867A
Armonie di colore
Complementare +180°
- 96B403
Salty Thyme
- B888FF
≈ Lilac Geode
Analogo -30° +30°
- 96B403
Salty Thyme
- C8A000
≈ Molten Bronze
- 39C26A
≈ Algal Fuel
Triadico +120° +240°
- 96B403
Salty Thyme
- 20AFFF
≈ Fantasy Console Sky
- F9709F
≈ French Pink
Complementare divisa +150° +210°
- 96B403
Salty Thyme
- 849EFF
≈ Periwinkle Blue
- E078D6
≈ Hibiscus Pop
Tetradico +90° +180° +270°
- 96B403
Salty Thyme
- 00B9D1
≈ Holiday Blue
- B888FF
≈ Lilac Geode
- FE755F
≈ Peachy Pinky
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.37:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.82:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--salty-thyme: #96b403;
--salty-thyme-rgb: 150 180 3;
--salty-thyme-oklch: oklch(0.721 0.172 120.9);
}
.element {
color: var(--salty-thyme);
background-color: hsl(70 97% 36%);
border-color: oklch(0.721 0.172 120.9);
}Tailwind CSS v4
@theme {
--color-salty-thyme: #96b403;
--color-salty-thyme-50: #ecfec8;
--color-salty-thyme-100: #ddf2b2;
--color-salty-thyme-200: #c6e18d;
--color-salty-thyme-300: #a7c65b;
--color-salty-thyme-400: #90ad12;
--color-salty-thyme-500: #779500;
--color-salty-thyme-600: #657e00;
--color-salty-thyme-700: #506500;
--color-salty-thyme-800: #3d4900;
--color-salty-thyme-900: #2a3300;
--color-salty-thyme-950: #181e00;
}SCSS
$salty-thyme: #96b403;
$salty-thyme-rgb: 150, 180, 3;
$salty-thyme-light: mix(#fff, $salty-thyme, 20%);
$salty-thyme-dark: mix(#000, $salty-thyme, 20%);
.element {
color: $salty-thyme;
box-shadow: 0 0 0 2px rgba($salty-thyme, 0.35);
}