En yakın adlandırılmış renk · #F6A1AA
#F6A1AA
En yakın adlandırılmış renk: Ballet Slippers
#F6A1AA (rgb(246 161 170), hsl(354 83% 80%), oklch(0.795 0.102 12.7)) 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.
#F6A1AA
oklch(0.795 0.102 12.7)
Renk dönüşümleri
- HEX
- #f6a1aa
- RGB
- rgb(246 161 170)
- HSL
- hsl(354 83% 80%)
- HWB
- hwb(354 63% 4%)
- OKLCH
- oklch(0.795 0.102 12.7)
- OKLab
- oklab(0.795 0.099 0.022)
- CIE Lab
- lab(75.13 33.25 9.11)
- LCH
- lch(75.13 34.47 15.3)
- CMYK
- cmyk(0% 35% 31% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F8ABB2
- F9B4BB
- FBBDC3
- FCC7CB
- FDD0D4
- FEDADC
- FFE3E5
- FFECEE
- FFF6F6
Koyu tonlar
- D68B93
- B7767D
- 986268
- 7B4E53
- 5F3C3F
- 452A2D
- 2C191B
- 15090B
- 030101
Gri tonlar
- EA9EA6
- DE9BA1
- D3989D
- C79499
- BB9195
- AF8E91
- A48B8C
- 988788
- 8C8484
Renk uyumları
Tamamlayıcı +180°
- F6A1AA
Ballet Slippers
- 62D1CE
≈ Hidden Sea Glass
Analog -30° +30°
- F6A1AA
Ballet Slippers
- EAA2CE
≈ Violet Kiss
- F4A788
≈ Lugganath Orange
Üçlü +120° +240°
- F6A1AA
Ballet Slippers
- A3CB86
≈ Whipped Pistachio
- 8DC0FC
≈ Scenic Water
Bölünmüş tamamlayıcı +150° +210°
- F6A1AA
Ballet Slippers
- 7CD1A9
≈ Crystal Gem
- 6BCBEC
≈ Spritzig
Dörtlü +90° +180° +270°
- F6A1AA
Ballet Slippers
- C8BF70
≈ Go Go Lime
- 62D1CE
≈ Hidden Sea Glass
- B2B4FC
≈ Greyish Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.98:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.59:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.59:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--ballet-slippers: #f6a1aa;
--ballet-slippers-rgb: 246 161 170;
--ballet-slippers-oklch: oklch(0.795 0.102 12.7);
}
.element {
color: var(--ballet-slippers);
background-color: hsl(354 83% 80%);
border-color: oklch(0.795 0.102 12.7);
}Tailwind CSS v4
@theme {
--color-ballet-slippers: #f6a1aa;
--color-ballet-slippers-50: #ffeaec;
--color-ballet-slippers-100: #ffdbdd;
--color-ballet-slippers-200: #fdc3c6;
--color-ballet-slippers-300: #e7a2a7;
--color-ballet-slippers-400: #d3858e;
--color-ballet-slippers-500: #bf6873;
--color-ballet-slippers-600: #a25862;
--color-ballet-slippers-700: #82474e;
--color-ballet-slippers-800: #60333a;
--color-ballet-slippers-900: #442228;
--color-ballet-slippers-950: #2b1116;
}SCSS
$ballet-slippers: #f6a1aa;
$ballet-slippers-rgb: 246, 161, 170;
$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);
}