Adlandırılmış renk · #E4CEB5
Warm Croissant
Warm Croissant, #E4CEB5: rgb(228 206 181), hsl(32 47% 80%), oklch(0.863 0.042 70.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Warm Croissant color name →
#E4CEB5
oklch(0.863 0.042 70.8)
Renk dönüşümleri
- HEX
- #e4ceb5
- RGB
- rgb(228 206 181)
- HSL
- hsl(32 47% 80%)
- HWB
- hwb(32 71% 11%)
- OKLCH
- oklch(0.863 0.042 70.8)
- OKLab
- oklab(0.863 0.014 0.039)
- CIE Lab
- lab(84.13 5.05 15.43)
- LCH
- lch(84.13 16.23 71.9)
- CMYK
- cmyk(0% 10% 21% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7D3BC
- E9D8C4
- ECDDCB
- EFE1D2
- F2E6DA
- F4EBE1
- F7F0E9
- FAF5F0
- FCFAF8
Koyu tonlar
- C6B39D
- A99886
- 8D7F6F
- 726659
- 584E44
- 3F3830
- 28231D
- 120F0C
- 030202
Gri tonlar
- DAC6B0
- CFBEAA
- C5B6A5
- BBAEA0
- B1A69A
- A79E95
- 9D9790
- 938F8B
- 8A8885
Renk uyumları
Tamamlayıcı +180°
- E4CEB5
Warm Croissant
- BED5ED
≈ Light Water Wash
Analog -30° +30°
- E4CEB5
Warm Croissant
- EBCABE
≈ Au Naturel
- D8D3B4
≈ Chinese Silk
Üçlü +120° +240°
- E4CEB5
Warm Croissant
- B4DBD8
≈ Catch the Wave
- DBCBE7
≈ Syrian Violet
Bölünmüş tamamlayıcı +150° +210°
- E4CEB5
Warm Croissant
- B5D9E5
≈ Fresh Dawn
- CCCFEE
≈ Frozen Periwinkle
Dörtlü +90° +180° +270°
- E4CEB5
Warm Croissant
- BBDBC9
≈ Dusty Aqua
- BED5ED
≈ Light Water Wash
- E6C8DA
≈ Kiss Good Night
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.79:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--warm-croissant: #e4ceb5;
--warm-croissant-rgb: 228 206 181;
--warm-croissant-oklch: oklch(0.863 0.042 70.8);
}
.element {
color: var(--warm-croissant);
background-color: hsl(32 47% 80%);
border-color: oklch(0.863 0.042 70.8);
}Tailwind CSS v4
@theme {
--color-warm-croissant: #e4ceb5;
--color-warm-croissant-50: #fdf4e8;
--color-warm-croissant-100: #f1e6d9;
--color-warm-croissant-200: #e0d2c1;
--color-warm-croissant-300: #c5b5a1;
--color-warm-croissant-400: #af9b84;
--color-warm-croissant-500: #988268;
--color-warm-croissant-600: #816e59;
--color-warm-croissant-700: #675847;
--color-warm-croissant-800: #4c4033;
--color-warm-croissant-900: #352c23;
--color-warm-croissant-950: #201912;
}SCSS
$warm-croissant: #e4ceb5;
$warm-croissant-rgb: 228, 206, 181;
$warm-croissant-light: mix(#fff, $warm-croissant, 20%);
$warm-croissant-dark: mix(#000, $warm-croissant, 20%);
.element {
color: $warm-croissant;
box-shadow: 0 0 0 2px rgba($warm-croissant, 0.35);
}