Adlandırılmış renk · #FEAB9A
Pink Rose Bud
Pink Rose Bud, #FEAB9A: rgb(254 171 154), hsl(10 98% 80%), oklch(0.818 0.102 32.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Pink Rose Bud color name →
#FEAB9A
oklch(0.818 0.102 32.1)
Renk dönüşümleri
- HEX
- #feab9a
- RGB
- rgb(254 171 154)
- HSL
- hsl(10 98% 80%)
- HWB
- hwb(10 60% 0%)
- OKLCH
- oklch(0.818 0.102 32.1)
- OKLab
- oklab(0.818 0.086 0.054)
- CIE Lab
- lab(78 29.91 21.88)
- LCH
- lch(78 37.06 36.2)
- CMYK
- cmyk(0% 33% 39% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFB4A4
- FFBCAE
- FFC5B8
- FFCDC2
- FFD5CC
- FFDED6
- FFE6E0
- FFEEEB
- FFF7F5
Koyu tonlar
- DD9485
- BD7E71
- 9E685E
- 80544B
- 634039
- 472D27
- 2D1B17
- 160B09
- 030101
Gri tonlar
- F1A798
- E5A395
- D89F93
- CB9A90
- BF968D
- B2928B
- A68D88
- 998986
- 8D8583
Renk uyumları
Tamamlayıcı +180°
- FEAB9A
Pink Rose Bud
- 6BD5EA
≈ Middle Blue
Analog -30° +30°
- FEAB9A
Pink Rose Bud
- FBA8BE
≈ Amélie’s Tutu
- F3B57E
≈ Sunburst
Üçlü +120° +240°
- FEAB9A
Pink Rose Bud
- 90D7A3
≈ Green Ash
- AFC0FF
≈ Pastel Blue
Bölünmüş tamamlayıcı +150° +210°
- FEAB9A
Pink Rose Bud
- 70D9C8
≈ Star Grass
- 87CCFF
≈ Platonic Blue
Dörtlü +90° +180° +270°
- FEAB9A
Pink Rose Bud
- B8CE83
≈ Alien Breed
- 6BD5EA
≈ Middle Blue
- CFB4FA
≈ Violet Heaven
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.50:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.50:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-rose-bud: #feab9a;
--pink-rose-bud-rgb: 254 171 154;
--pink-rose-bud-oklch: oklch(0.818 0.102 32.1);
}
.element {
color: var(--pink-rose-bud);
background-color: hsl(10 98% 80%);
border-color: oklch(0.818 0.102 32.1);
}Tailwind CSS v4
@theme {
--color-pink-rose-bud: #feab9a;
--color-pink-rose-bud-50: #ffece2;
--color-pink-rose-bud-100: #ffddd2;
--color-pink-rose-bud-200: #fcc5b8;
--color-pink-rose-bud-300: #e6a595;
--color-pink-rose-bud-400: #d38878;
--color-pink-rose-bud-500: #c06b5b;
--color-pink-rose-bud-600: #a25b4d;
--color-pink-rose-bud-700: #82493d;
--color-pink-rose-bud-800: #61342d;
--color-pink-rose-bud-900: #44231e;
--color-pink-rose-bud-950: #2c120e;
}SCSS
$pink-rose-bud: #feab9a;
$pink-rose-bud-rgb: 254, 171, 154;
$pink-rose-bud-light: mix(#fff, $pink-rose-bud, 20%);
$pink-rose-bud-dark: mix(#000, $pink-rose-bud, 20%);
.element {
color: $pink-rose-bud;
box-shadow: 0 0 0 2px rgba($pink-rose-bud, 0.35);
}