Adlandırılmış renk · #FDCFA1
Peach Beach
Peach Beach, #FDCFA1: rgb(253 207 161), hsl(30 96% 81%), oklch(0.884 0.079 66.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Peach Beach color name →
#FDCFA1
oklch(0.884 0.079 66.5)
Renk dönüşümleri
- HEX
- #fdcfa1
- RGB
- rgb(253 207 161)
- HSL
- hsl(30 96% 81%)
- HWB
- hwb(30 63% 1%)
- OKLCH
- oklch(0.884 0.079 66.5)
- OKLab
- oklab(0.884 0.032 0.073)
- CIE Lab
- lab(86.38 12.24 29.34)
- LCH
- lch(86.38 31.8 67.4)
- CMYK
- cmyk(0% 18% 36% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FDD4AB
- FED9B4
- FEDEBE
- FEE2C7
- FFE7D0
- FFECDA
- FFF1E3
- FFF6EC
- FFFAF6
Koyu tonlar
- DCB48B
- BC9976
- 9D7F62
- 7F674E
- 624F3C
- 47382A
- 2D2319
- 161009
- 030201
Gri tonlar
- F0C79E
- E3BF9B
- D6B798
- CAAF95
- BDA791
- B19F8E
- A4978B
- 988F87
- 8C8884
Renk uyumları
Tamamlayıcı +180°
- FDCFA1
Peach Beach
- B9DDFF
≈ Broad Daylight
Analog -30° +30°
- FDCFA1
Peach Beach
- FFCBBC
≈ Piggy Bank
- E7D99D
≈ Sunny Glory
Üçlü +120° +240°
- FDCFA1
Peach Beach
- 9BEAE1
≈ Sea Glass Teal
- E5CDFF
≈ Lens Flare Pink
Bölünmüş tamamlayıcı +150° +210°
- FDCFA1
Peach Beach
- 9BE6FB
≈ Winter Wizard
- CED6FF
≈ Pale Phthalo Blue
Dörtlü +90° +180° +270°
- FDCFA1
Peach Beach
- AEE9C3
≈ Glaucous Green
- B9DDFF
≈ Broad Daylight
- FBC5EC
≈ Rosy Maple Moth
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.43:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.61:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.61:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--peach-beach: #fdcfa1;
--peach-beach-rgb: 253 207 161;
--peach-beach-oklch: oklch(0.884 0.079 66.5);
}
.element {
color: var(--peach-beach);
background-color: hsl(30 96% 81%);
border-color: oklch(0.884 0.079 66.5);
}Tailwind CSS v4
@theme {
--color-peach-beach: #fdcfa1;
--color-peach-beach-50: #fff2de;
--color-peach-beach-100: #fae4cc;
--color-peach-beach-200: #ebcfb1;
--color-peach-beach-300: #d3b18c;
--color-peach-beach-400: #bf956c;
--color-peach-beach-500: #aa7b4b;
--color-peach-beach-600: #8f6940;
--color-peach-beach-700: #735433;
--color-peach-beach-800: #563c24;
--color-peach-beach-900: #3c2a18;
--color-peach-beach-950: #251709;
}SCSS
$peach-beach: #fdcfa1;
$peach-beach-rgb: 253, 207, 161;
$peach-beach-light: mix(#fff, $peach-beach, 20%);
$peach-beach-dark: mix(#000, $peach-beach, 20%);
.element {
color: $peach-beach;
box-shadow: 0 0 0 2px rgba($peach-beach, 0.35);
}