Warna bernama · #FBE9D8
Poppy Crepe
Poppy Crepe adalah #FBE9D8: rgb(251 233 216), hsl(29 81% 92%), oklch(0.944 0.03 65.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Poppy Crepe color name →
#FBE9D8
oklch(0.944 0.03 65.8)
Konversi warna
- HEX
- #fbe9d8
- RGB
- rgb(251 233 216)
- HSL
- hsl(29 81% 92%)
- HWB
- hwb(29 85% 2%)
- OKLCH
- oklch(0.944 0.03 65.8)
- OKLab
- oklab(0.944 0.012 0.027)
- CIE Lab
- lab(93.47 4.3 10.61)
- LCH
- lch(93.47 11.45 68)
- CMYK
- cmyk(0% 7% 14% 2%)
Tint · Shade · Tone
Tint
- FBEBDC
- FCEDE0
- FCF0E4
- FDF2E8
- FDF4EB
- FEF6EF
- FEF8F3
- FEFBF7
- FFFDFB
Shade
- DACBBC
- BAADA0
- 9C9085
- 7E746B
- 615A53
- 46413B
- 2D2925
- 151311
- 030302
Tone
- EEDECF
- E1D3C6
- D5C8BD
- C8BEB4
- BCB3AB
- AFA9A2
- A39E9A
- 979491
- 8C8A88
Harmoni warna
Komplementer +180°
- FBE9D8
Poppy Crepe
- DEEFFF
≈ Calcareous Sinter
Analog -30° +30°
- FBE9D8
Poppy Crepe
- FFE6DF
≈ Olm Pink
- F2EDD7
≈ Perfect Solution
Triadik +120° +240°
- FBE9D8
Poppy Crepe
- D7F3EF
≈ Air of Mint
- F1E8FD
≈ Bright Dusk
Split-komplementer +150° +210°
- FBE9D8
Poppy Crepe
- D7F2F9
≈ Water
- E7EBFF
≈ Icy Lilac
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.18:1 · APCA Lc 9
Ag
AAADi atas hitam
WCAG 17.74:1 · APCA Lc 95
Warna teks terbaik: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
Cuplikan kode
CSS
:root {
--poppy-crepe: #fbe9d8;
--poppy-crepe-rgb: 251 233 216;
--poppy-crepe-oklch: oklch(0.944 0.03 65.8);
}
.element {
color: var(--poppy-crepe);
background-color: hsl(29 81% 92%);
border-color: oklch(0.944 0.03 65.8);
}Tailwind CSS v4
@theme {
--color-poppy-crepe: #fbe9d8;
--color-poppy-crepe-50: #fbf4ec;
--color-poppy-crepe-100: #efe6de;
--color-poppy-crepe-200: #ddd2c7;
--color-poppy-crepe-300: #c2b5a8;
--color-poppy-crepe-400: #ab9b8c;
--color-poppy-crepe-500: #948372;
--color-poppy-crepe-600: #7d6f60;
--color-poppy-crepe-700: #64584d;
--color-poppy-crepe-800: #4a4038;
--color-poppy-crepe-900: #332c26;
--color-poppy-crepe-950: #1f1915;
}SCSS
$poppy-crepe: #fbe9d8;
$poppy-crepe-rgb: 251, 233, 216;
$poppy-crepe-light: mix(#fff, $poppy-crepe, 20%);
$poppy-crepe-dark: mix(#000, $poppy-crepe, 20%);
.element {
color: $poppy-crepe;
box-shadow: 0 0 0 2px rgba($poppy-crepe, 0.35);
}