Colore con nome · #C89672
Sonora Shade
Sonora Shade è #C89672: rgb(200 150 114), hsl(25 44% 62%), oklch(0.712 0.078 56.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sonora Shade color name →
#C89672
oklch(0.712 0.078 56.9)
Conversioni di colore
- HEX
- #c89672
- RGB
- rgb(200 150 114)
- HSL
- hsl(25 44% 62%)
- HWB
- hwb(25 45% 22%)
- OKLCH
- oklch(0.712 0.078 56.9)
- OKLab
- oklab(0.712 0.043 0.065)
- CIE Lab
- lab(66.32 16.02 26.69)
- LCH
- lch(66.32 31.13 59)
- CMYK
- cmyk(0% 25% 43% 22%)
Tinte · Ombre · Toni
Tinte
- CEA080
- D4AB8E
- D9B59C
- DFBFAA
- E4CAB8
- EAD4C6
- EFDFD4
- F5EAE2
- FAF4F1
Ombre
- AE8262
- 946E53
- 7B5B44
- 634936
- 4C3728
- 36261B
- 21160E
- 0F0804
- 020101
Toni
- C19474
- BA9276
- B29077
- AB8E79
- A48B7A
- 9D897C
- 96877D
- 8F857E
- 87827F
Armonie di colore
Complementare +180°
- C89672
Sonora Shade
- 72AACD
≈ Mirror Lake
Analogo -30° +30°
- C89672
Sonora Shade
- CF9088
≈ Resounding Rose
- B79F69
≈ Grainfield
Triadico +120° +240°
- C89672
Sonora Shade
- 6AB2A1
≈ Tropic Turquoise
- A798CE
≈ Gorgeous Hydrangea
Complementare divisa +150° +210°
- C89672
Sonora Shade
- 63B0BB
≈ Ocean Trip
- 8CA1D4
≈ Azureno
Tetradico +90° +180° +270°
- C89672
Sonora Shade
- 82B086
≈ Peapod
- 72AACD
≈ Mirror Lake
- BD91BC
≈ La la Love
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.60:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.06:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--sonora-shade: #c89672;
--sonora-shade-rgb: 200 150 114;
--sonora-shade-oklch: oklch(0.712 0.078 56.9);
}
.element {
color: var(--sonora-shade);
background-color: hsl(25 44% 62%);
border-color: oklch(0.712 0.078 56.9);
}Tailwind CSS v4
@theme {
--color-sonora-shade: #c89672;
--color-sonora-shade-50: #fff0e0;
--color-sonora-shade-100: #fde2cf;
--color-sonora-shade-200: #eecdb4;
--color-sonora-shade-300: #d6ae90;
--color-sonora-shade-400: #c29371;
--color-sonora-shade-500: #ae7951;
--color-sonora-shade-600: #936646;
--color-sonora-shade-700: #765237;
--color-sonora-shade-800: #573b28;
--color-sonora-shade-900: #3d281a;
--color-sonora-shade-950: #26160b;
}SCSS
$sonora-shade: #c89672;
$sonora-shade-rgb: 200, 150, 114;
$sonora-shade-light: mix(#fff, $sonora-shade, 20%);
$sonora-shade-dark: mix(#000, $sonora-shade, 20%);
.element {
color: $sonora-shade;
box-shadow: 0 0 0 2px rgba($sonora-shade, 0.35);
}