En yakın adlandırılmış renk · #CE9E97
#CE9E97
En yakın adlandırılmış renk: Savoury Salmon
#CE9E97 (rgb(206 158 151), hsl(8 36% 70%), oklch(0.742 0.058 28)) en çok Savoury Salmon 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.
#CE9E97
oklch(0.742 0.058 28)
Renk dönüşümleri
- HEX
- #ce9e97
- RGB
- rgb(206 158 151)
- HSL
- hsl(8 36% 70%)
- HWB
- hwb(8 59% 19%)
- OKLCH
- oklch(0.742 0.058 28)
- OKLab
- oklab(0.742 0.052 0.027)
- CIE Lab
- lab(69.55 17.65 10.93)
- LCH
- lch(69.55 20.76 31.8)
- CMYK
- cmyk(0% 23% 27% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3A7A1
- D8B1AB
- DDBBB5
- E2C4C0
- E7CECA
- ECD8D4
- F1E1DF
- F6EBEA
- FAF5F4
Koyu tonlar
- B38983
- 98746F
- 7F605C
- 664D49
- 4E3A37
- 382926
- 231817
- 0F0908
- 020101
Gri tonlar
- C69B95
- BE9892
- B79590
- AF928E
- A78F8C
- 9F8C89
- 978987
- 908685
- 888382
Renk uyumları
Tamamlayıcı +180°
- CE9E97
Savoury Salmon
- 7FB6BF
≈ Waterway
Analog -30° +30°
- CE9E97
Savoury Salmon
- CB9DAB
≈ Damsel
- C8A387
≈ Labyrinth Walk
Üçlü +120° +240°
- CE9E97
Savoury Salmon
- 93B697
≈ Liebermann Green
- 9CABD1
≈ Lilac Scent Soft Blue
Bölünmüş tamamlayıcı +150° +210°
- CE9E97
Savoury Salmon
- 83B8AB
≈ Winter Surf
- 89B1CD
≈ Windy Day
Dörtlü +90° +180° +270°
- CE9E97
Savoury Salmon
- A8B187
≈ Filigree Green
- 7FB6BF
≈ Waterway
- B0A4CC
≈ Milky Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.34:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.96:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--savoury-salmon: #ce9e97;
--savoury-salmon-rgb: 206 158 151;
--savoury-salmon-oklch: oklch(0.742 0.058 28);
}
.element {
color: var(--savoury-salmon);
background-color: hsl(8 36% 70%);
border-color: oklch(0.742 0.058 28);
}Tailwind CSS v4
@theme {
--color-savoury-salmon: #ce9e97;
--color-savoury-salmon-50: #ffefeb;
--color-savoury-salmon-100: #fbe1dc;
--color-savoury-salmon-200: #ecccc6;
--color-savoury-salmon-300: #d4ada6;
--color-savoury-salmon-400: #bf928b;
--color-savoury-salmon-500: #aa7871;
--color-savoury-salmon-600: #8f655f;
--color-savoury-salmon-700: #73514c;
--color-savoury-salmon-800: #553b38;
--color-savoury-salmon-900: #3b2826;
--color-savoury-salmon-950: #251614;
}SCSS
$savoury-salmon: #ce9e97;
$savoury-salmon-rgb: 206, 158, 151;
$savoury-salmon-light: mix(#fff, $savoury-salmon, 20%);
$savoury-salmon-dark: mix(#000, $savoury-salmon, 20%);
.element {
color: $savoury-salmon;
box-shadow: 0 0 0 2px rgba($savoury-salmon, 0.35);
}