Adlandırılmış renk · #E5BCA5
Starfish
Starfish, #E5BCA5: rgb(229 188 165), hsl(22 55% 77%), oklch(0.825 0.057 50.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Starfish color name →
#E5BCA5
oklch(0.825 0.057 50.9)
Renk dönüşümleri
- HEX
- #e5bca5
- RGB
- rgb(229 188 165)
- HSL
- hsl(22 55% 77%)
- HWB
- hwb(22 65% 10%)
- OKLCH
- oklch(0.825 0.057 50.9)
- OKLab
- oklab(0.825 0.036 0.044)
- CIE Lab
- lab(79.48 12.73 17.5)
- LCH
- lch(79.48 21.64 54)
- CMYK
- cmyk(0% 18% 28% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8C3AE
- EBC9B7
- EDD0C0
- F0D7C9
- F3DDD2
- F5E4DB
- F8EBE4
- FAF1ED
- FDF8F6
Koyu tonlar
- C7A38F
- AA8B79
- 8E7365
- 725D51
- 58473D
- 3F322B
- 281F1A
- 120D0A
- 030201
Gri tonlar
- DBB6A1
- D0B09E
- C6AA9A
- BCA496
- B29E93
- A8988F
- 9E928B
- 948C88
- 8A8684
Renk uyumları
Tamamlayıcı +180°
- E5BCA5
Starfish
- A1CDE4
≈ Endless Blue
Analog -30° +30°
- E5BCA5
Starfish
- E9B8B6
≈ Summer Cocktails
- D9C39C
≈ Natural Twine
Üçlü +120° +240°
- E5BCA5
Starfish
- A1D2C1
≈ Flowering Cactus
- C5C0E9
≈ Violet Gems
Bölünmüş tamamlayıcı +150° +210°
- E5BCA5
Starfish
- 9AD1D5
≈ Aroma Blue
- B1C7EC
≈ Promise Keeping
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.74:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 12.06:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.06:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--starfish: #e5bca5;
--starfish-rgb: 229 188 165;
--starfish-oklch: oklch(0.825 0.057 50.9);
}
.element {
color: var(--starfish);
background-color: hsl(22 55% 77%);
border-color: oklch(0.825 0.057 50.9);
}Tailwind CSS v4
@theme {
--color-starfish: #e5bca5;
--color-starfish-50: #fff1e6;
--color-starfish-100: #f8e3d7;
--color-starfish-200: #e9cebe;
--color-starfish-300: #d0b09d;
--color-starfish-400: #bb9580;
--color-starfish-500: #a57c64;
--color-starfish-600: #8c6955;
--color-starfish-700: #705444;
--color-starfish-800: #533d31;
--color-starfish-900: #3a2a21;
--color-starfish-950: #241711;
}SCSS
$starfish: #e5bca5;
$starfish-rgb: 229, 188, 165;
$starfish-light: mix(#fff, $starfish, 20%);
$starfish-dark: mix(#000, $starfish, 20%);
.element {
color: $starfish;
box-shadow: 0 0 0 2px rgba($starfish, 0.35);
}