Nazwany kolor · #96B403
Salty Thyme
Salty Thyme to #96B403: rgb(150 180 3), hsl(70 97% 36%), oklch(0.721 0.172 120.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Salty Thyme color name →
#96B403
oklch(0.721 0.172 120.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A0BC3B
- AAC457
- B4CB70
- BED386
- C9DA9B
- D3E2AF
- DEE9C3
- E9F1D7
- F4F8EB
Odcienie ciemniejsze
- 829C02
- 6E8502
- 5B6E01
- 495801
- 374400
- 263000
- 161D00
- 080C00
- 010200
Tony
- 94AF2A
- 91AA3C
- 8FA549
- 8DA054
- 8A9B5E
- 889666
- 86906D
- 848B74
- 82867A
Harmonie kolorów
Komplementarna +180°
- 96B403
Salty Thyme
- B888FF
≈ Lilac Geode
Analogowa -30° +30°
- 96B403
Salty Thyme
- C8A000
≈ Molten Bronze
- 39C26A
≈ Algal Fuel
Triada +120° +240°
- 96B403
Salty Thyme
- 20AFFF
≈ Fantasy Console Sky
- F9709F
≈ French Pink
Komplementarna rozszczepiona +150° +210°
- 96B403
Salty Thyme
- 849EFF
≈ Periwinkle Blue
- E078D6
≈ Hibiscus Pop
Tetrada +90° +180° +270°
- 96B403
Salty Thyme
- 00B9D1
≈ Holiday Blue
- B888FF
≈ Lilac Geode
- FE755F
≈ Peachy Pinky
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.37:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.82:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
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);
}