En yakın adlandırılmış renk · #C58F8E
#C58F8E
En yakın adlandırılmış renk: Grand Sunset
#C58F8E (rgb(197 143 142), hsl(1 32% 66%), oklch(0.702 0.066 20.1)) en çok Grand Sunset adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C58F8E
oklch(0.702 0.066 20.1)
Renk dönüşümleri
- HEX
- #c58f8e
- RGB
- rgb(197 143 142)
- HSL
- hsl(1 32% 66%)
- HWB
- hwb(1 56% 23%)
- OKLCH
- oklch(0.702 0.066 20.1)
- OKLab
- oklab(0.702 0.062 0.023)
- CIE Lab
- lab(64.77 20.99 9.06)
- LCH
- lch(64.77 22.86 23.4)
- CMYK
- cmyk(0% 27% 28% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CB9A99
- D1A5A4
- D7B0AF
- DDBBBA
- E3C6C5
- E9D1D0
- EFDDDC
- F4E8E8
- FAF3F3
Koyu tonlar
- AB7C7B
- 926968
- 795756
- 614544
- 4B3434
- 352424
- 211515
- 0E0707
- 020101
Gri tonlar
- BE8E8D
- B78C8B
- B18B8A
- AA8988
- A38887
- 9C8686
- 958584
- 8E8383
- 878281
Renk uyumları
Tamamlayıcı +180°
- C58F8E
Grand Sunset
- 6CACAF
≈ Poolrooms
Analog -30° +30°
- C58F8E
Grand Sunset
- BF8FA5
≈ Elite Pink
- C1947A
≈ Florentine Clay
Üçlü +120° +240°
- C58F8E
Grand Sunset
- 8AAA83
≈ Lounge Green
- 87A0C9
≈ Caribbean Sky
Bölünmüş tamamlayıcı +150° +210°
- C58F8E
Grand Sunset
- 75AD99
≈ Dusty Jade Green
- 74A7C1
≈ Moonstone Blue
Dörtlü +90° +180° +270°
- C58F8E
Grand Sunset
- A1A373
≈ Cucuzza Verde
- 6CACAF
≈ Poolrooms
- 9E99C6
≈ Majestic Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.72:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.69:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.69:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--grand-sunset: #c58f8e;
--grand-sunset-rgb: 197 143 142;
--grand-sunset-oklch: oklch(0.702 0.066 20.1);
}
.element {
color: var(--grand-sunset);
background-color: hsl(1 32% 66%);
border-color: oklch(0.702 0.066 20.1);
}Tailwind CSS v4
@theme {
--color-grand-sunset: #c58f8e;
--color-grand-sunset-50: #ffeeed;
--color-grand-sunset-100: #fde0de;
--color-grand-sunset-200: #efcac8;
--color-grand-sunset-300: #d7aba8;
--color-grand-sunset-400: #c38f8e;
--color-grand-sunset-500: #ae7574;
--color-grand-sunset-600: #936362;
--color-grand-sunset-700: #764f4e;
--color-grand-sunset-800: #57393a;
--color-grand-sunset-900: #3d2727;
--color-grand-sunset-950: #261516;
}SCSS
$grand-sunset: #c58f8e;
$grand-sunset-rgb: 197, 143, 142;
$grand-sunset-light: mix(#fff, $grand-sunset, 20%);
$grand-sunset-dark: mix(#000, $grand-sunset, 20%);
.element {
color: $grand-sunset;
box-shadow: 0 0 0 2px rgba($grand-sunset, 0.35);
}