Nazwany kolor · #CDA589
Sienna Buff
Sienna Buff to #CDA589: rgb(205 165 137), hsl(25 40% 67%), oklch(0.751 0.061 56.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sienna Buff color name →
#CDA589
oklch(0.751 0.061 56.6)
Konwersje koloru
- HEX
- #cda589
- RGB
- rgb(205 165 137)
- HSL
- hsl(25 40% 67%)
- HWB
- hwb(25 54% 20%)
- OKLCH
- oklch(0.751 0.061 56.6)
- OKLab
- oklab(0.751 0.034 0.051)
- CIE Lab
- lab(70.92 12.28 20.43)
- LCH
- lch(70.92 23.83 59)
- CMYK
- cmyk(0% 20% 33% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2AE95
- D7B7A0
- DCC0AC
- E1C8B7
- E6D1C3
- EBDACF
- F0E4DB
- F5EDE7
- FAF6F3
Odcienie ciemniejsze
- B28F76
- 987964
- 7E6553
- 665142
- 4E3D31
- 382B22
- 231A14
- 0F0A07
- 020101
Tony
- C5A188
- BD9E88
- B69A87
- AE9686
- A69385
- 9F8F84
- 978B83
- 8F8782
- 888481
Harmonie kolorów
Komplementarna +180°
- CDA589
Sienna Buff
- 8AB5D0
≈ Innocent Blue
Analogowa -30° +30°
- CDA589
Sienna Buff
- D2A09A
≈ Evening Dress
- BFAC82
≈ Faded Letter
Triada +120° +240°
- CDA589
Sienna Buff
- 84BBAD
≈ Patina Hue
- B2A7D1
≈ Ariel’s Delight
Komplementarna rozszczepiona +150° +210°
- CDA589
Sienna Buff
- 80BAC2
≈ Cuttlefish
- 9DAED6
≈ Aster Flower Blue
Tetrada +90° +180° +270°
- CDA589
Sienna Buff
- 96B998
≈ Brookview
- 8AB5D0
≈ Innocent Blue
- C3A1C3
≈ Pale Grape
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.24:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.33:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.33:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--sienna-buff: #cda589;
--sienna-buff-rgb: 205 165 137;
--sienna-buff-oklch: oklch(0.751 0.061 56.6);
}
.element {
color: var(--sienna-buff);
background-color: hsl(25 40% 67%);
border-color: oklch(0.751 0.061 56.6);
}Tailwind CSS v4
@theme {
--color-sienna-buff: #cda589;
--color-sienna-buff-50: #fff1e4;
--color-sienna-buff-100: #f8e3d4;
--color-sienna-buff-200: #e9cfbb;
--color-sienna-buff-300: #d0b099;
--color-sienna-buff-400: #bb967c;
--color-sienna-buff-500: #a67c5e;
--color-sienna-buff-600: #8c6950;
--color-sienna-buff-700: #705440;
--color-sienna-buff-800: #533d2e;
--color-sienna-buff-900: #3a2a1f;
--color-sienna-buff-950: #24170f;
}SCSS
$sienna-buff: #cda589;
$sienna-buff-rgb: 205, 165, 137;
$sienna-buff-light: mix(#fff, $sienna-buff, 20%);
$sienna-buff-dark: mix(#000, $sienna-buff, 20%);
.element {
color: $sienna-buff;
box-shadow: 0 0 0 2px rgba($sienna-buff, 0.35);
}