Nazwany kolor · #E2D0B8
Toasted Cashew
Toasted Cashew to #E2D0B8: rgb(226 208 184), hsl(34 42% 80%), oklch(0.866 0.038 75.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Toasted Cashew color name →
#E2D0B8
oklch(0.866 0.038 75.1)
Konwersje koloru
- HEX
- #e2d0b8
- RGB
- rgb(226 208 184)
- HSL
- hsl(34 42% 80%)
- HWB
- hwb(34 72% 11%)
- OKLCH
- oklch(0.866 0.038 75.1)
- OKLab
- oklab(0.866 0.01 0.037)
- CIE Lab
- lab(84.51 3.64 14.35)
- LCH
- lch(84.51 14.8 75.8)
- CMYK
- cmyk(0% 8% 19% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E5D5BF
- E8D9C6
- EBDECD
- EEE3D4
- F1E7DB
- F3ECE2
- F6F1E9
- F9F6F1
- FCFAF8
Odcienie ciemniejsze
- C4B5A0
- A89A88
- 8C8071
- 71675B
- 574F45
- 3E3931
- 27231E
- 12100C
- 030202
Tony
- D8C8B2
- CEBFAD
- C4B7A7
- BAAFA1
- B0A79C
- A69F96
- 9C9791
- 938F8B
- 898886
Harmonie kolorów
Komplementarna +180°
- E2D0B8
Toasted Cashew
- C3D5EC
≈ Polar Opposite
Analogowa -30° +30°
- E2D0B8
Toasted Cashew
- E9CCBF
≈ Quaint Peche
- D6D5B9
≈ Pale Cucumber
Triada +120° +240°
- E2D0B8
Toasted Cashew
- B7DBDB
≈ Blue Glass
- DDCCE5
≈ Pouf of Pink
Komplementarna rozszczepiona +150° +210°
- E2D0B8
Toasted Cashew
- B9D9E6
≈ Watercolour Sky
- D0D0EC
≈ Artistic Violet
Tetrada +90° +180° +270°
- E2D0B8
Toasted Cashew
- BDDBCD
≈ Mirador
- C3D5EC
≈ Polar Opposite
- E6C9D9
≈ Kiss Good Night
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.50:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.94:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 13.94:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--toasted-cashew: #e2d0b8;
--toasted-cashew-rgb: 226 208 184;
--toasted-cashew-oklch: oklch(0.866 0.038 75.1);
}
.element {
color: var(--toasted-cashew);
background-color: hsl(34 42% 80%);
border-color: oklch(0.866 0.038 75.1);
}Tailwind CSS v4
@theme {
--color-toasted-cashew: #e2d0b8;
--color-toasted-cashew-50: #fbf4e9;
--color-toasted-cashew-100: #efe7da;
--color-toasted-cashew-200: #ded3c3;
--color-toasted-cashew-300: #c3b5a2;
--color-toasted-cashew-400: #ac9c86;
--color-toasted-cashew-500: #95836a;
--color-toasted-cashew-600: #7e6f5a;
--color-toasted-cashew-700: #655948;
--color-toasted-cashew-800: #4b4134;
--color-toasted-cashew-900: #342c23;
--color-toasted-cashew-950: #1f1a12;
}SCSS
$toasted-cashew: #e2d0b8;
$toasted-cashew-rgb: 226, 208, 184;
$toasted-cashew-light: mix(#fff, $toasted-cashew, 20%);
$toasted-cashew-dark: mix(#000, $toasted-cashew, 20%);
.element {
color: $toasted-cashew;
box-shadow: 0 0 0 2px rgba($toasted-cashew, 0.35);
}