Adlandırılmış renk · #FFCDB9
Dainty Peach
Dainty Peach, #FFCDB9: rgb(255 205 185), hsl(17 100% 86%), oklch(0.887 0.063 42.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Dainty Peach color name →
#FFCDB9
oklch(0.887 0.063 42.9)
Renk dönüşümleri
- HEX
- #ffcdb9
- RGB
- rgb(255 205 185)
- HSL
- hsl(17 100% 86%)
- HWB
- hwb(17 73% 0%)
- OKLCH
- oklch(0.887 0.063 42.9)
- OKLab
- oklab(0.887 0.046 0.043)
- CIE Lab
- lab(86.48 16.16 17.05)
- LCH
- lch(86.48 23.49 46.5)
- CMYK
- cmyk(0% 20% 27% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFD2C0
- FFD7C7
- FFDCCE
- FFE1D5
- FFE6DC
- FFEBE3
- FFF0EA
- FFF5F1
- FFFAF8
Koyu tonlar
- DEB2A0
- BE9889
- 9E7E71
- 80665B
- 634E46
- 483831
- 2E231E
- 160F0D
- 030202
Gri tonlar
- F2C5B3
- E5BDAD
- D8B5A8
- CBAEA2
- BEA69C
- B19E97
- A59791
- 998F8B
- 8C8786
Renk uyumları
Tamamlayıcı +180°
- FFCDB9
Dainty Peach
- ACE4F8
≈ Ganon Blue
Analog -30° +30°
- FFCDB9
Dainty Peach
- FFCACE
≈ Fruit Bowl
- F4D4AC
≈ Fine Sand
Üçlü +120° +240°
- FFCDB9
Dainty Peach
- B5E7CE
≈ Beach Blanket
- D4D6FF
≈ Pale Phthalo Blue
Bölünmüş tamamlayıcı +150° +210°
- FFCDB9
Dainty Peach
- A9E8E5
≈ Cool Crayon
- C0DDFF
≈ Broad Daylight
Dörtlü +90° +180° +270°
- FFCDB9
Dainty Peach
- CAE3B9
≈ Iced Avocado
- ACE4F8
≈ Ganon Blue
- E8CEF8
≈ Mousse aux Pruneaux
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.43:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.68:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.68:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--dainty-peach: #ffcdb9;
--dainty-peach-rgb: 255 205 185;
--dainty-peach-oklch: oklch(0.887 0.063 42.9);
}
.element {
color: var(--dainty-peach);
background-color: hsl(17 100% 86%);
border-color: oklch(0.887 0.063 42.9);
}Tailwind CSS v4
@theme {
--color-dainty-peach: #ffcdb9;
--color-dainty-peach-50: #fff0e7;
--color-dainty-peach-100: #fbe2d7;
--color-dainty-peach-200: #edccbf;
--color-dainty-peach-300: #d4ae9d;
--color-dainty-peach-400: #bf9381;
--color-dainty-peach-500: #aa7965;
--color-dainty-peach-600: #906655;
--color-dainty-peach-700: #735244;
--color-dainty-peach-800: #563b31;
--color-dainty-peach-900: #3c2922;
--color-dainty-peach-950: #251611;
}SCSS
$dainty-peach: #ffcdb9;
$dainty-peach-rgb: 255, 205, 185;
$dainty-peach-light: mix(#fff, $dainty-peach, 20%);
$dainty-peach-dark: mix(#000, $dainty-peach, 20%);
.element {
color: $dainty-peach;
box-shadow: 0 0 0 2px rgba($dainty-peach, 0.35);
}