Adlandırılmış renk · #EDC8B1
Sweet Pastel
Sweet Pastel, #EDC8B1: rgb(237 200 177), hsl(23 63% 81%), oklch(0.859 0.052 53.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Sweet Pastel color name →
#EDC8B1
oklch(0.859 0.052 53.7)
Renk dönüşümleri
- HEX
- #edc8b1
- RGB
- rgb(237 200 177)
- HSL
- hsl(23 63% 81%)
- HWB
- hwb(23 69% 7%)
- OKLCH
- oklch(0.859 0.052 53.7)
- OKLab
- oklab(0.859 0.031 0.042)
- CIE Lab
- lab(83.4 11.01 16.68)
- LCH
- lch(83.4 19.98 56.6)
- CMYK
- cmyk(0% 16% 25% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFCDB9
- F1D3C0
- F3D8C8
- F5DED0
- F6E3D8
- F8E9E0
- FAEEE7
- FCF4EF
- FDF9F7
Koyu tonlar
- CEAE99
- B09483
- 937B6C
- 776357
- 5C4C42
- 42362F
- 2A211C
- 140F0C
- 030201
Gri tonlar
- E2C1AC
- D6B9A7
- CBB2A2
- C0AB9D
- B5A398
- AA9C94
- A0958F
- 958E8A
- 8A8785
Renk uyumları
Tamamlayıcı +180°
- EDC8B1
Sweet Pastel
- B0D7EE
≈ Ariel
Analog -30° +30°
- EDC8B1
Sweet Pastel
- F1C4C0
≈ My Fair Lady
- E1CEAA
≈ Boutique Beige
Üçlü +120° +240°
- EDC8B1
Sweet Pastel
- AEDCCE
≈ Brook Green
- D2CBF0
≈ Miami White
Bölünmüş tamamlayıcı +150° +210°
- EDC8B1
Sweet Pastel
- A9DBE0
≈ Geyser Pool
- BFD1F4
≈ Frost Fairy
Dörtlü +90° +180° +270°
- EDC8B1
Sweet Pastel
- BDDABB
≈ Grasshopper Pie
- B0D7EE
≈ Ariel
- E2C6E4
≈ Syrian Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.55:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.49:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.49:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--sweet-pastel: #edc8b1;
--sweet-pastel-rgb: 237 200 177;
--sweet-pastel-oklch: oklch(0.859 0.052 53.7);
}
.element {
color: var(--sweet-pastel);
background-color: hsl(23 63% 81%);
border-color: oklch(0.859 0.052 53.7);
}Tailwind CSS v4
@theme {
--color-sweet-pastel: #edc8b1;
--color-sweet-pastel-50: #fff2e7;
--color-sweet-pastel-100: #f6e4d8;
--color-sweet-pastel-200: #e7cfbf;
--color-sweet-pastel-300: #cdb19e;
--color-sweet-pastel-400: #b89782;
--color-sweet-pastel-500: #a27d66;
--color-sweet-pastel-600: #896a56;
--color-sweet-pastel-700: #6e5545;
--color-sweet-pastel-800: #513d32;
--color-sweet-pastel-900: #392a22;
--color-sweet-pastel-950: #231811;
}SCSS
$sweet-pastel: #edc8b1;
$sweet-pastel-rgb: 237, 200, 177;
$sweet-pastel-light: mix(#fff, $sweet-pastel, 20%);
$sweet-pastel-dark: mix(#000, $sweet-pastel, 20%);
.element {
color: $sweet-pastel;
box-shadow: 0 0 0 2px rgba($sweet-pastel, 0.35);
}