لون مسمّى · #FBD6CA
Blossom Tint
Blossom Tint هو #FBD6CA: rgb(251 214 202)، hsl(15 86% 89%)، oklch(0.904 0.045 38.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Blossom Tint color name →
#FBD6CA
oklch(0.904 0.045 38.8)
تحويلات الألوان
- HEX
- #fbd6ca
- RGB
- rgb(251 214 202)
- HSL
- hsl(15 86% 89%)
- HWB
- hwb(15 79% 2%)
- OKLCH
- oklch(0.904 0.045 38.8)
- OKLab
- oklab(0.904 0.035 0.028)
- CIE Lab
- lab(88.57 11.98 10.99)
- LCH
- lch(88.57 16.25 42.5)
- CMYK
- cmyk(0% 15% 20% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FCDACF
- FCDED5
- FDE2DA
- FDE6DF
- FDEBE4
- FEEFEA
- FEF3EF
- FFF7F4
- FFFBFA
درجات داكنة
- DABAAF
- BA9E95
- 9C847C
- 7E6A64
- 61524D
- 463B37
- 2D2522
- 15100F
- 030202
درجات رمادية
- EECDC2
- E1C4BB
- D5BBB3
- C8B3AC
- BCAAA4
- B0A29D
- A49996
- 98918E
- 8C8887
تناسق الألوان
متمم +180°
- FBD6CA
Blossom Tint
- BFE7F4
≈ Skylark
متجاور -30° +30°
- FBD6CA
Blossom Tint
- FBD4D9
≈ Pink Fluorite
- F4DBC0
≈ Buenos Aires
ثلاثي +120° +240°
- FBD6CA
Blossom Tint
- C7E9D5
≈ Glacial Water Green
- D8DDFE
≈ Transparent Blue
متمم منقسم +150° +210°
- FBD6CA
Blossom Tint
- BFE9E5
≈ Luxor Blue
- C9E3FC
≈ Fresh Water
رباعي +90° +180° +270°
- FBD6CA
Blossom Tint
- D6E6C6
≈ Tactile
- BFE7F4
≈ Skylark
- E8D8F7
≈ Pouty Purple
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.34:1 · APCA Lc 17
Ag
AAAعلى الأسود
WCAG 15.57:1 · APCA Lc 87
أفضل لون للنص: #000000
WCAG 15.57:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--blossom-tint: #fbd6ca;
--blossom-tint-rgb: 251 214 202;
--blossom-tint-oklch: oklch(0.904 0.045 38.8);
}
.element {
color: var(--blossom-tint);
background-color: hsl(15 86% 89%);
border-color: oklch(0.904 0.045 38.8);
}Tailwind CSS v4
@theme {
--color-blossom-tint: #fbd6ca;
--color-blossom-tint-50: #fff1ec;
--color-blossom-tint-100: #f6e3dd;
--color-blossom-tint-200: #e6cec6;
--color-blossom-tint-300: #cdb0a6;
--color-blossom-tint-400: #b7968b;
--color-blossom-tint-500: #a17c71;
--color-blossom-tint-600: #88695f;
--color-blossom-tint-700: #6d544c;
--color-blossom-tint-800: #513d38;
--color-blossom-tint-900: #382a26;
--color-blossom-tint-950: #231814;
}SCSS
$blossom-tint: #fbd6ca;
$blossom-tint-rgb: 251, 214, 202;
$blossom-tint-light: mix(#fff, $blossom-tint, 20%);
$blossom-tint-dark: mix(#000, $blossom-tint, 20%);
.element {
color: $blossom-tint;
box-shadow: 0 0 0 2px rgba($blossom-tint, 0.35);
}