Adlandırılmış renk · #EDCCB3
Cashew Nut
Cashew Nut, #EDCCB3: rgb(237 204 179), hsl(26 62% 82%), oklch(0.867 0.05 59.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Cashew Nut color name →
#EDCCB3
oklch(0.867 0.05 59.2)
Renk dönüşümleri
- HEX
- #edccb3
- RGB
- rgb(237 204 179)
- HSL
- hsl(26 62% 82%)
- HWB
- hwb(26 70% 7%)
- OKLCH
- oklch(0.867 0.05 59.2)
- OKLab
- oklab(0.867 0.026 0.043)
- CIE Lab
- lab(84.41 9.23 17.02)
- LCH
- lch(84.41 19.37 61.5)
- CMYK
- cmyk(0% 14% 24% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFD1BB
- F1D6C2
- F3DBCA
- F5E0D1
- F6E5D9
- F8EBE0
- FAF0E8
- FCF5F0
- FDFAF7
Koyu tonlar
- CEB19B
- B09784
- 937E6E
- 776558
- 5C4E43
- 42372F
- 2A221D
- 140F0C
- 030201
Gri tonlar
- E2C4AE
- D6BCA9
- CBB5A4
- C0AD9F
- B5A599
- AA9E94
- A0968F
- 958F8A
- 8A8785
Renk uyumları
Tamamlayıcı +180°
- EDCCB3
Cashew Nut
- B6D9F1
≈ Blue Rice
Analog -30° +30°
- EDCCB3
Cashew Nut
- F3C8C0
≈ Sonia Rose
- E0D2AE
≈ Stardust
Üçlü +120° +240°
- EDCCB3
Cashew Nut
- B0DFD4
≈ Jaded Clouds
- D7CCF0
≈ Plum’s the Word
Bölünmüş tamamlayıcı +150° +210°
- EDCCB3
Cashew Nut
- AEDDE5
≈ Sky Cloud
- C6D3F5
≈ Frozen Periwinkle
Dörtlü +90° +180° +270°
- EDCCB3
Cashew Nut
- BDDDC2
≈ Sprite Twist
- B6D9F1
≈ Blue Rice
- E7C8E4
≈ Sweet Murmur
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.51:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.88:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.88:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--cashew-nut: #edccb3;
--cashew-nut-rgb: 237 204 179;
--cashew-nut-oklch: oklch(0.867 0.05 59.2);
}
.element {
color: var(--cashew-nut);
background-color: hsl(26 62% 82%);
border-color: oklch(0.867 0.05 59.2);
}Tailwind CSS v4
@theme {
--color-cashew-nut: #edccb3;
--color-cashew-nut-50: #fff2e7;
--color-cashew-nut-100: #f5e5d7;
--color-cashew-nut-200: #e5d0bf;
--color-cashew-nut-300: #cbb29e;
--color-cashew-nut-400: #b59881;
--color-cashew-nut-500: #a07f65;
--color-cashew-nut-600: #876b56;
--color-cashew-nut-700: #6c5644;
--color-cashew-nut-800: #503e31;
--color-cashew-nut-900: #382b21;
--color-cashew-nut-950: #221811;
}SCSS
$cashew-nut: #edccb3;
$cashew-nut-rgb: 237, 204, 179;
$cashew-nut-light: mix(#fff, $cashew-nut, 20%);
$cashew-nut-dark: mix(#000, $cashew-nut, 20%);
.element {
color: $cashew-nut;
box-shadow: 0 0 0 2px rgba($cashew-nut, 0.35);
}