En yakın adlandırılmış renk · #F4BDB4
#F4BDB4
En yakın adlandırılmış renk: Salmon Glow
#F4BDB4 (rgb(244 189 180), hsl(8 74% 83%), oklch(0.845 0.065 29.1)) en çok Salmon Glow 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.
#F4BDB4
oklch(0.845 0.065 29.1)
Renk dönüşümleri
- HEX
- #f4bdb4
- RGB
- rgb(244 189 180)
- HSL
- hsl(8 74% 83%)
- HWB
- hwb(8 71% 4%)
- OKLCH
- oklch(0.845 0.065 29.1)
- OKLab
- oklab(0.845 0.057 0.032)
- CIE Lab
- lab(81.5 19.45 12.58)
- LCH
- lch(81.5 23.17 32.9)
- CMYK
- cmyk(0% 23% 26% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F5C4BB
- F7CAC3
- F8D1CA
- F9D7D2
- FBDED9
- FCE5E1
- FDEBE8
- FEF2F0
- FEF8F7
Koyu tonlar
- D4A49C
- B58C85
- 97746E
- 7A5D58
- 5E4744
- 443330
- 2B1F1D
- 140D0C
- 030202
Gri tonlar
- E8B7AF
- DCB1A9
- D0AAA4
- C5A49F
- B99E9A
- AE9895
- A2928F
- 978C8A
- 8B8685
Renk uyumları
Tamamlayıcı +180°
- F4BDB4
Salmon Glow
- 9AD9E3
≈ Cool Water Lake
Analog -30° +30°
- F4BDB4
Salmon Glow
- F1BBCB
≈ Cameo Pink
- EDC3A2
≈ Carving Party
Üçlü +120° +240°
- F4BDB4
Salmon Glow
- AFD9B6
≈ Shanghai Jade
- BBCBF8
≈ Light Periwinkle
Bölünmüş tamamlayıcı +150° +210°
- F4BDB4
Salmon Glow
- 9EDBCD
≈ Tropical Freeze
- A6D3F3
≈ Light Shimmer
Dörtlü +90° +180° +270°
- F4BDB4
Salmon Glow
- C7D3A3
≈ True to You
- 9AD9E3
≈ Cool Water Lake
- D2C4F2
≈ Soap
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.64:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.78:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--salmon-glow: #f4bdb4;
--salmon-glow-rgb: 244 189 180;
--salmon-glow-oklch: oklch(0.845 0.065 29.1);
}
.element {
color: var(--salmon-glow);
background-color: hsl(8 74% 83%);
border-color: oklch(0.845 0.065 29.1);
}Tailwind CSS v4
@theme {
--color-salmon-glow: #f4bdb4;
--color-salmon-glow-50: #ffefea;
--color-salmon-glow-100: #fde0db;
--color-salmon-glow-200: #efcbc3;
--color-salmon-glow-300: #d7aca3;
--color-salmon-glow-400: #c29088;
--color-salmon-glow-500: #ad766d;
--color-salmon-glow-600: #92645d;
--color-salmon-glow-700: #75504a;
--color-salmon-glow-800: #573a36;
--color-salmon-glow-900: #3d2825;
--color-salmon-glow-950: #261614;
}SCSS
$salmon-glow: #f4bdb4;
$salmon-glow-rgb: 244, 189, 180;
$salmon-glow-light: mix(#fff, $salmon-glow, 20%);
$salmon-glow-dark: mix(#000, $salmon-glow, 20%);
.element {
color: $salmon-glow;
box-shadow: 0 0 0 2px rgba($salmon-glow, 0.35);
}