Warna bernama terdekat · #D44149
#D44149
Warna bernama terdekat: Poppy Red
#D44149 (rgb(212 65 73), hsl(357 63% 54%), oklch(0.59 0.183 21.9)) paling mendekati warna bernama Poppy Red. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#D44149
oklch(0.59 0.183 21.9)
Konversi warna
- HEX
- #d44149
- RGB
- rgb(212 65 73)
- HSL
- hsl(357 63% 54%)
- HWB
- hwb(357 25% 17%)
- OKLCH
- oklch(0.59 0.183 21.9)
- OKLab
- oklab(0.59 0.17 0.068)
- CIE Lab
- lab(50.5 58.43 30.32)
- LCH
- lch(50.5 65.83 27.4)
- CMYK
- cmyk(0% 69% 66% 17%)
Tint · Shade · Tone
Tint
- DB585B
- E26C6C
- E7807E
- ED9290
- F1A5A2
- F6B7B4
- F9C9C6
- FCDBD9
- FEEDEC
Shade
- B8373E
- 9D2E34
- 83252A
- 691C20
- 511317
- 3A0B0E
- 240506
- 100102
- 020000
Tone
- CD4B4F
- C65455
- BE5B5B
- B76260
- AF6866
- A66D6B
- 9E7371
- 947776
- 8B7C7B
Harmoni warna
Komplementer +180°
- D44149
Poppy Red
- 008E96
≈ Tempo Teal
Analog -30° +30°
- D44149
Poppy Red
- C94289
≈ Smitten
- C15D00
≈ Dry Clay
Triadik +120° +240°
- D44149
Poppy Red
- 27961C
≈ Linderhof Garden
- 3B76E8
≈ Skies of Cyberspace
Split-komplementer +150° +210°
- D44149
Poppy Red
- 009375
≈ Dòu Lǜ Green
- 0088B8
≈ Mermaid Dreams
Tetradik +90° +180° +270°
- D44149
Poppy Red
- 808400
≈ Drably Olive
- 008E96
≈ Tempo Teal
- 8261DF
≈ Gloomy Purple
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.51:1 · APCA Lc 70
Ag
AADi atas hitam
WCAG 4.65:1 · APCA Lc 31
Warna teks terbaik: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Cuplikan kode
CSS
:root {
--poppy-red: #d44149;
--poppy-red-rgb: 212 65 73;
--poppy-red-oklch: oklch(0.59 0.183 21.9);
}
.element {
color: var(--poppy-red);
background-color: hsl(357 63% 54%);
border-color: oklch(0.59 0.183 21.9);
}Tailwind CSS v4
@theme {
--color-poppy-red: #d44149;
--color-poppy-red-50: #ffe1dc;
--color-poppy-red-100: #ffd0ca;
--color-poppy-red-200: #ffb5ae;
--color-poppy-red-300: #ff8f89;
--color-poppy-red-400: #f86a6c;
--color-poppy-red-500: #e6414c;
--color-poppy-red-600: #c23941;
--color-poppy-red-700: #9c2d33;
--color-poppy-red-800: #751f27;
--color-poppy-red-900: #52141a;
--color-poppy-red-950: #37050b;
}SCSS
$poppy-red: #d44149;
$poppy-red-rgb: 212, 65, 73;
$poppy-red-light: mix(#fff, $poppy-red, 20%);
$poppy-red-dark: mix(#000, $poppy-red, 20%);
.element {
color: $poppy-red;
box-shadow: 0 0 0 2px rgba($poppy-red, 0.35);
}