Adlandırılmış renk · #F2C5B2
Peach Temptation
Peach Temptation, #F2C5B2: rgb(242 197 178), hsl(18 71% 82%), oklch(0.858 0.058 44.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? → · Peach Temptation color name →
#F2C5B2
oklch(0.858 0.058 44.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F4CBBA
- F5D1C1
- F7D6C9
- F8DCD1
- F9E2D8
- FBE8E0
- FCEEE8
- FDF3EF
- FEF9F7
Koyu tonlar
- D2AB9A
- B49283
- 96796D
- 796157
- 5E4B43
- 43352F
- 2B211D
- 140E0C
- 030201
Gri tonlar
- E6BEAD
- DAB7A8
- CFB0A3
- C3A99E
- B8A299
- AD9B94
- A1948F
- 968E8A
- 8B8785
Renk uyumları
Tamamlayıcı +180°
- F2C5B2
Peach Temptation
- A8D9ED
≈ Mizu Cyan
Analog -30° +30°
- F2C5B2
Peach Temptation
- F4C2C5
≈ Cor-de-Pele
- E7CBA7
≈ Caramel Mousse
Üçlü +120° +240°
- F2C5B2
Peach Temptation
- AEDDC6
≈ Shallow Shore
- CBCCF6
≈ Miami White
Bölünmüş tamamlayıcı +150° +210°
- F2C5B2
Peach Temptation
- A4DDDB
≈ Aqua Spray
- B7D3F6
≈ Frost Fairy
Dörtlü +90° +180° +270°
- F2C5B2
Peach Temptation
- C1D9B3
≈ Meadow Grass
- A8D9ED
≈ Mizu Cyan
- DEC6EB
≈ Foggy Love
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.56:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.40:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.40:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
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);
}