Warna bernama · #F8D5B8
Tender Peach
Tender Peach adalah #F8D5B8: rgb(248 213 184), hsl(27 82% 85%), oklch(0.895 0.055 61.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Tender Peach color name →
#F8D5B8
oklch(0.895 0.055 61.7)
Konversi warna
- HEX
- #f8d5b8
- RGB
- rgb(248 213 184)
- HSL
- hsl(27 82% 85%)
- HWB
- hwb(27 72% 3%)
- OKLCH
- oklch(0.895 0.055 61.7)
- OKLab
- oklab(0.895 0.026 0.048)
- CIE Lab
- lab(87.72 9.48 19.15)
- LCH
- lch(87.72 21.37 63.7)
- CMYK
- cmyk(0% 14% 26% 3%)
Tint · Shade · Tone
Tint
- F9D9BF
- FADDC6
- FAE2CD
- FBE6D4
- FCEADB
- FDEEE3
- FDF2EA
- FEF7F1
- FEFBF8
Shade
- D8B9A0
- B89E88
- 9A8371
- 7C6A5B
- 605145
- 453A31
- 2C241E
- 15100C
- 030202
Tone
- EBCCB2
- DFC3AD
- D3BBA7
- C7B2A2
- BAAA9C
- AFA196
- A39991
- 97908B
- 8B8886
Harmoni warna
Komplementer +180°
- F8D5B8
Tender Peach
- BDE2FE
≈ Dithered Sky
Analog -30° +30°
- F8D5B8
Tender Peach
- FFD0C6
≈ Snow Pa
- EADCB4
≈ Jodhpurs
Triadik +120° +240°
- F8D5B8
Tender Peach
- B5E9DF
≈ Gentle Giant
- E3D5FC
≈ Japan Blush
Split-komplementer +150° +210°
- F8D5B8
Tender Peach
- B3E7F2
≈ Winter Escape
- D0DBFF
≈ Icy Plains
Tetradik +90° +180° +270°
- F8D5B8
Tender Peach
- C3E8CB
≈ Granny Apple
- BDE2FE
≈ Dithered Sky
- F3D0ED
≈ Sparkling Pink
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.38:1 · APCA Lc 19
Ag
AAADi atas hitam
WCAG 15.20:1 · APCA Lc 85
Warna teks terbaik: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
Cuplikan kode
CSS
:root {
--tender-peach: #f8d5b8;
--tender-peach-rgb: 248 213 184;
--tender-peach-oklch: oklch(0.895 0.055 61.7);
}
.element {
color: var(--tender-peach);
background-color: hsl(27 82% 85%);
border-color: oklch(0.895 0.055 61.7);
}Tailwind CSS v4
@theme {
--color-tender-peach: #f8d5b8;
--color-tender-peach-50: #fff2e5;
--color-tender-peach-100: #f6e4d5;
--color-tender-peach-200: #e6d0bd;
--color-tender-peach-300: #ccb29b;
--color-tender-peach-400: #b7987e;
--color-tender-peach-500: #a17e61;
--color-tender-peach-600: #886b52;
--color-tender-peach-700: #6d5541;
--color-tender-peach-800: #513e2f;
--color-tender-peach-900: #382b20;
--color-tender-peach-950: #23180f;
}SCSS
$tender-peach: #f8d5b8;
$tender-peach-rgb: 248, 213, 184;
$tender-peach-light: mix(#fff, $tender-peach, 20%);
$tender-peach-dark: mix(#000, $tender-peach, 20%);
.element {
color: $tender-peach;
box-shadow: 0 0 0 2px rgba($tender-peach, 0.35);
}