En yakın adlandırılmış renk · #F89BA5
#F89BA5
En yakın adlandırılmış renk: Ballet Slippers
#F89BA5 (rgb(248 155 165), hsl(354 87% 79%), oklch(0.786 0.112 13)) en çok Ballet Slippers 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.
#F89BA5
oklch(0.786 0.112 13)
Renk dönüşümleri
- HEX
- #f89ba5
- RGB
- rgb(248 155 165)
- HSL
- hsl(354 87% 79%)
- HWB
- hwb(354 61% 3%)
- OKLCH
- oklch(0.786 0.112 13)
- OKLab
- oklab(0.786 0.109 0.025)
- CIE Lab
- lab(73.97 36.51 10.26)
- LCH
- lch(73.97 37.92 15.7)
- CMYK
- cmyk(0% 38% 33% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FAA5AE
- FBAFB7
- FDB9BF
- FEC3C8
- FFCDD1
- FFD7DA
- FFE1E3
- FFEBED
- FFF5F6
Koyu tonlar
- D8868F
- B87279
- 9A5E65
- 7C4B51
- 60393D
- 45282B
- 2C181A
- 15090A
- 030101
Gri tonlar
- EC99A1
- E0969E
- D4949A
- C89196
- BC8F92
- B08C8F
- A4898B
- 988687
- 8C8384
Renk uyumları
Tamamlayıcı +180°
- F89BA5
Ballet Slippers
- 4FD0CD
≈ Medium Turquoise
Analog -30° +30°
- F89BA5
Ballet Slippers
- EC9CCC
≈ Pearly Pink
- F6A17F
≈ Tropical Paradise
Üçlü +120° +240°
- F89BA5
Ballet Slippers
- 9DC97E
≈ Jade Lime
- 85BDFF
≈ Scenic Water
Bölünmüş tamamlayıcı +150° +210°
- F89BA5
Ballet Slippers
- 70D0A5
≈ Crystal Gem
- 5CC9ED
≈ Spritzig
Dörtlü +90° +180° +270°
- F89BA5
Ballet Slippers
- C6BD63
≈ Go Go Lime
- 4FD0CD
≈ Medium Turquoise
- AFB0FF
≈ Winterspring Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.05:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.22:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--ballet-slippers: #f89ba5;
--ballet-slippers-rgb: 248 155 165;
--ballet-slippers-oklch: oklch(0.786 0.112 13);
}
.element {
color: var(--ballet-slippers);
background-color: hsl(354 87% 79%);
border-color: oklch(0.786 0.112 13);
}Tailwind CSS v4
@theme {
--color-ballet-slippers: #f89ba5;
--color-ballet-slippers-50: #ffe9eb;
--color-ballet-slippers-100: #ffd9dc;
--color-ballet-slippers-200: #ffc1c5;
--color-ballet-slippers-300: #eba0a5;
--color-ballet-slippers-400: #d8828c;
--color-ballet-slippers-500: #c46471;
--color-ballet-slippers-600: #a65560;
--color-ballet-slippers-700: #85444c;
--color-ballet-slippers-800: #633139;
--color-ballet-slippers-900: #452127;
--color-ballet-slippers-950: #2d1015;
}SCSS
$ballet-slippers: #f89ba5;
$ballet-slippers-rgb: 248, 155, 165;
$ballet-slippers-light: mix(#fff, $ballet-slippers, 20%);
$ballet-slippers-dark: mix(#000, $ballet-slippers, 20%);
.element {
color: $ballet-slippers;
box-shadow: 0 0 0 2px rgba($ballet-slippers, 0.35);
}