En yakın adlandırılmış renk · #CE968F
#CE968F
En yakın adlandırılmış renk: Savoury Salmon
#CE968F (rgb(206 150 143), hsl(7 39% 68%), oklch(0.725 0.069 26.9)) 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.
#CE968F
oklch(0.725 0.069 26.9)
Renk dönüşümleri
- HEX
- #ce968f
- RGB
- rgb(206 150 143)
- HSL
- hsl(7 39% 68%)
- HWB
- hwb(7 56% 19%)
- OKLCH
- oklch(0.725 0.069 26.9)
- OKLab
- oklab(0.725 0.061 0.031)
- CIE Lab
- lab(67.47 20.98 12.45)
- LCH
- lch(67.47 24.4 30.7)
- CMYK
- cmyk(0% 27% 31% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3A09A
- D9ABA5
- DEB5B0
- E3BFBB
- E8CAC6
- EDD4D1
- F1DFDC
- F6EAE8
- FBF4F3
Koyu tonlar
- B3827C
- 986E69
- 7F5B57
- 664945
- 4E3734
- 382624
- 231615
- 0F0807
- 020101
Gri tonlar
- C6948E
- BE928C
- B7908B
- AF8E89
- A78B88
- 9F8986
- 988785
- 908583
- 888282
Renk uyumları
Tamamlayıcı +180°
- CE968F
Savoury Salmon
- 70B3BC
≈ Sea Serenade
Analog -30° +30°
- CE968F
Savoury Salmon
- CA95A7
≈ Honey Pink
- C89C7C
≈ Desert Carnation
Üçlü +120° +240°
- CE968F
Savoury Salmon
- 8AB28D
≈ Shaded Willow
- 93A5D2
≈ Rip Van Periwinkle
Bölünmüş tamamlayıcı +150° +210°
- CE968F
Savoury Salmon
- 76B5A5
≈ Turtle Lake
- 7CADCC
≈ Soul Blue
Dörtlü +90° +180° +270°
- CE968F
Savoury Salmon
- A3AC7B
≈ Mossy Cavern
- 70B3BC
≈ Sea Serenade
- AA9ECD
≈ Imperial Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.50:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.38:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.38:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--savoury-salmon: #ce968f;
--savoury-salmon-rgb: 206 150 143;
--savoury-salmon-oklch: oklch(0.725 0.069 26.9);
}
.element {
color: var(--savoury-salmon);
background-color: hsl(7 39% 68%);
border-color: oklch(0.725 0.069 26.9);
}Tailwind CSS v4
@theme {
--color-savoury-salmon: #ce968f;
--color-savoury-salmon-50: #ffeeea;
--color-savoury-salmon-100: #fee0db;
--color-savoury-salmon-200: #f0cac4;
--color-savoury-salmon-300: #d9aba3;
--color-savoury-salmon-400: #c48f89;
--color-savoury-salmon-500: #af746d;
--color-savoury-salmon-600: #94635d;
--color-savoury-salmon-700: #774f4a;
--color-savoury-salmon-800: #583936;
--color-savoury-salmon-900: #3d2725;
--color-savoury-salmon-950: #271514;
}SCSS
$savoury-salmon: #ce968f;
$savoury-salmon-rgb: 206, 150, 143;
$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);
}