Colore con nome · #957258
Toasty
Toasty è #957258: rgb(149 114 88), hsl(26 26% 46%), oklch(0.58 0.058 57.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Toasty color name →
#957258
oklch(0.58 0.058 57.9)
Conversioni di colore
- HEX
- #957258
- RGB
- rgb(149 114 88)
- HSL
- hsl(26 26% 46%)
- HWB
- hwb(26 35% 42%)
- OKLCH
- oklch(0.58 0.058 57.9)
- OKLab
- oklab(0.58 0.031 0.049)
- CIE Lab
- lab(51.08 11.58 20.03)
- LCH
- lch(51.08 23.14 60)
- CMYK
- cmyk(0% 23% 41% 42%)
Tinte · Ombre · Toni
Tinte
- 9F7F68
- AA8D78
- B49B88
- BFA898
- CAB6A9
- D4C5BA
- DFD3CB
- EAE1DC
- F4F0ED
Ombre
- 81624B
- 6D533F
- 5A4433
- 483628
- 37281D
- 261B12
- 160E09
- 080403
- 010100
Toni
- 93745C
- 917560
- 8F7665
- 8D7869
- 8B796D
- 897B71
- 877C74
- 857D78
- 827F7C
Armonie di colore
Complementare +180°
- 957258
Toasty
- 598099
≈ Blue Heaven
Analogo -30° +30°
- 957258
Toasty
- 9A6D67
≈ Reddened Earth
- 897952
≈ Burlap
Triadico +120° +240°
- 957258
Toasty
- 53867A
≈ Wintergreen Dream
- 7E7399
≈ Purple Haze
Complementare divisa +150° +210°
- 957258
Toasty
- 4F848C
≈ Cape Lee
- 6B799E
≈ Quantum Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.35:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.82:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--toasty: #957258;
--toasty-rgb: 149 114 88;
--toasty-oklch: oklch(0.58 0.058 57.9);
}
.element {
color: var(--toasty);
background-color: hsl(26 26% 46%);
border-color: oklch(0.58 0.058 57.9);
}Tailwind CSS v4
@theme {
--color-toasty: #957258;
--color-toasty-50: #fff2e5;
--color-toasty-100: #f7e4d5;
--color-toasty-200: #e8cfbc;
--color-toasty-300: #ceb19a;
--color-toasty-400: #b9967d;
--color-toasty-500: #a47d60;
--color-toasty-600: #8b6a51;
--color-toasty-700: #6f5541;
--color-toasty-800: #523d2f;
--color-toasty-900: #392a20;
--color-toasty-950: #24180f;
}SCSS
$toasty: #957258;
$toasty-rgb: 149, 114, 88;
$toasty-light: mix(#fff, $toasty, 20%);
$toasty-dark: mix(#000, $toasty, 20%);
.element {
color: $toasty;
box-shadow: 0 0 0 2px rgba($toasty, 0.35);
}