لون مسمّى · #F2C5B2
Peach Temptation
Peach Temptation هو #F2C5B2: rgb(242 197 178)، hsl(18 71% 82%)، oklch(0.858 0.058 44.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Peach Temptation color name →
#F2C5B2
oklch(0.858 0.058 44.1)
تحويلات الألوان
- HEX
- #f2c5b2
- RGB
- rgb(242 197 178)
- HSL
- hsl(18 71% 82%)
- HWB
- hwb(18 70% 5%)
- OKLCH
- oklch(0.858 0.058 44.1)
- OKLab
- oklab(0.858 0.042 0.04)
- CIE Lab
- lab(83.17 14.5 15.92)
- LCH
- lch(83.17 21.54 47.7)
- CMYK
- cmyk(0% 19% 26% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F4CBBA
- F5D1C1
- F7D6C9
- F8DCD1
- F9E2D8
- FBE8E0
- FCEEE8
- FDF3EF
- FEF9F7
درجات داكنة
- D2AB9A
- B49283
- 96796D
- 796157
- 5E4B43
- 43352F
- 2B211D
- 140E0C
- 030201
درجات رمادية
- E6BEAD
- DAB7A8
- CFB0A3
- C3A99E
- B8A299
- AD9B94
- A1948F
- 968E8A
- 8B8785
تناسق الألوان
متمم +180°
- F2C5B2
Peach Temptation
- A8D9ED
≈ Mizu Cyan
متجاور -30° +30°
- F2C5B2
Peach Temptation
- F4C2C5
≈ Cor-de-Pele
- E7CBA7
≈ Caramel Mousse
ثلاثي +120° +240°
- F2C5B2
Peach Temptation
- AEDDC6
≈ Shallow Shore
- CBCCF6
≈ Miami White
متمم منقسم +150° +210°
- F2C5B2
Peach Temptation
- A4DDDB
≈ Aqua Spray
- B7D3F6
≈ Frost Fairy
رباعي +90° +180° +270°
- F2C5B2
Peach Temptation
- C1D9B3
≈ Meadow Grass
- A8D9ED
≈ Mizu Cyan
- DEC6EB
≈ Foggy Love
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.56:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.40:1 · APCA Lc 77
أفضل لون للنص: #000000
WCAG 13.40:1 (AAA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peach-temptation: #f2c5b2;
--peach-temptation-rgb: 242 197 178;
--peach-temptation-oklch: oklch(0.858 0.058 44.1);
}
.element {
color: var(--peach-temptation);
background-color: hsl(18 71% 82%);
border-color: oklch(0.858 0.058 44.1);
}Tailwind CSS v4
@theme {
--color-peach-temptation: #f2c5b2;
--color-peach-temptation-50: #fff1e8;
--color-peach-temptation-100: #f9e2d8;
--color-peach-temptation-200: #eacdc0;
--color-peach-temptation-300: #d2af9f;
--color-peach-temptation-400: #bd9483;
--color-peach-temptation-500: #a77a67;
--color-peach-temptation-600: #8d6857;
--color-peach-temptation-700: #715346;
--color-peach-temptation-800: #543c33;
--color-peach-temptation-900: #3b2922;
--color-peach-temptation-950: #241712;
}SCSS
$peach-temptation: #f2c5b2;
$peach-temptation-rgb: 242, 197, 178;
$peach-temptation-light: mix(#fff, $peach-temptation, 20%);
$peach-temptation-dark: mix(#000, $peach-temptation, 20%);
.element {
color: $peach-temptation;
box-shadow: 0 0 0 2px rgba($peach-temptation, 0.35);
}