Nazwany kolor · #DDAA77
Sweet Cashew
Sweet Cashew to #DDAA77: rgb(221 170 119), hsl(30 60% 67%), oklch(0.774 0.09 65.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sweet Cashew color name →
#DDAA77
oklch(0.774 0.09 65.8)
Konwersje koloru
- HEX
- #ddaa77
- RGB
- rgb(221 170 119)
- HSL
- hsl(30 60% 67%)
- HWB
- hwb(30 47% 13%)
- OKLCH
- oklch(0.774 0.09 65.8)
- OKLab
- oklab(0.774 0.037 0.082)
- CIE Lab
- lab(73.56 14.72 33.83)
- LCH
- lch(73.56 36.9 66.5)
- CMYK
- cmyk(0% 23% 46% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1B385
- E4BB93
- E8C3A0
- EBCCAE
- EFD4BB
- F2DDC9
- F6E5D6
- F9EEE4
- FCF6F1
Odcienie ciemniejsze
- C09367
- A47D57
- 886847
- 6E5338
- 553F2A
- 3D2D1C
- 261B10
- 110B05
- 020101
Tony
- D4A679
- CAA27A
- C19E7B
- B7997C
- AE957D
- A5917E
- 9C8D7F
- 92897F
- 898480
Harmonie kolorów
Komplementarna +180°
- DDAA77
Sweet Cashew
- 85BBEC
≈ Electric Eel
Analogowa -30° +30°
- DDAA77
Sweet Cashew
- E8A18E
≈ Coral Blush
- C6B572
≈ Olive Marinade
Triada +120° +240°
- DDAA77
Sweet Cashew
- 6CC8BE
≈ Nile Stone
- C3A7E3
≈ Perfume
Komplementarna rozszczepiona +150° +210°
- DDAA77
Sweet Cashew
- 6CC4DA
≈ Squeaky
- A5B1EF
≈ Wondrous Wisteria
Tetrada +90° +180° +270°
- DDAA77
Sweet Cashew
- 85C79D
≈ Foul Green
- 85BBEC
≈ Electric Eel
- DAA0CB
≈ Rose Garden
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.08:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.09:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.09:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--sweet-cashew: #ddaa77;
--sweet-cashew-rgb: 221 170 119;
--sweet-cashew-oklch: oklch(0.774 0.09 65.8);
}
.element {
color: var(--sweet-cashew);
background-color: hsl(30 60% 67%);
border-color: oklch(0.774 0.09 65.8);
}Tailwind CSS v4
@theme {
--color-sweet-cashew: #ddaa77;
--color-sweet-cashew-50: #fff1da;
--color-sweet-cashew-100: #fde3c9;
--color-sweet-cashew-200: #efceac;
--color-sweet-cashew-300: #d7af86;
--color-sweet-cashew-400: #c39464;
--color-sweet-cashew-500: #af7941;
--color-sweet-cashew-600: #936738;
--color-sweet-cashew-700: #76522c;
--color-sweet-cashew-800: #583b1f;
--color-sweet-cashew-900: #3e2914;
--color-sweet-cashew-950: #271606;
}SCSS
$sweet-cashew: #ddaa77;
$sweet-cashew-rgb: 221, 170, 119;
$sweet-cashew-light: mix(#fff, $sweet-cashew, 20%);
$sweet-cashew-dark: mix(#000, $sweet-cashew, 20%);
.element {
color: $sweet-cashew;
box-shadow: 0 0 0 2px rgba($sweet-cashew, 0.35);
}