Adlandırılmış renk · #DE8F8D
Honeysuckle Rose
Honeysuckle Rose, #DE8F8D: rgb(222 143 141), hsl(1 55% 71%), oklch(0.73 0.097 21.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Honeysuckle Rose color name →
#DE8F8D
oklch(0.73 0.097 21.3)
Renk dönüşümleri
- HEX
- #de8f8d
- RGB
- rgb(222 143 141)
- HSL
- hsl(1 55% 71%)
- HWB
- hwb(1 55% 13%)
- OKLCH
- oklch(0.73 0.097 21.3)
- OKLab
- oklab(0.73 0.09 0.035)
- CIE Lab
- lab(67.69 30.62 14.21)
- LCH
- lch(67.69 33.76 24.9)
- CMYK
- cmyk(0% 36% 36% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E29A98
- E6A5A3
- EAB0AE
- EEBCB9
- F1C7C5
- F4D2D0
- F7DDDC
- FAE8E7
- FDF4F3
Koyu tonlar
- C17C7A
- A56967
- 895755
- 6F4544
- 553433
- 3D2423
- 261514
- 120707
- 020101
Gri tonlar
- D58E8C
- CC8D8B
- C28B89
- B98A88
- B08887
- A68785
- 9D8584
- 938483
- 8A8281
Renk uyumları
Tamamlayıcı +180°
- DE8F8D
Honeysuckle Rose
- 51BAC1
≈ Sussie
Analog -30° +30°
- DE8F8D
Honeysuckle Rose
- D78EAF
≈ Berry Twist
- D9966F
≈ Sweet Cardamom
Üçlü +120° +240°
- DE8F8D
Honeysuckle Rose
- 85B77E
≈ Hakusai Green
- 85A8E5
≈ Blue Cue
Bölünmüş tamamlayıcı +150° +210°
- DE8F8D
Honeysuckle Rose
- 61BCA0
≈ Peppermint Fresh
- 63B3DA
≈ Riviera Blue
Dörtlü +90° +180° +270°
- DE8F8D
Honeysuckle Rose
- AAAE64
≈ April Green
- 51BAC1
≈ Sussie
- A89DE0
≈ Dull Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.49:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.41:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.41:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--honeysuckle-rose: #de8f8d;
--honeysuckle-rose-rgb: 222 143 141;
--honeysuckle-rose-oklch: oklch(0.73 0.097 21.3);
}
.element {
color: var(--honeysuckle-rose);
background-color: hsl(1 55% 71%);
border-color: oklch(0.73 0.097 21.3);
}Tailwind CSS v4
@theme {
--color-honeysuckle-rose: #de8f8d;
--color-honeysuckle-rose-50: #ffebe8;
--color-honeysuckle-rose-100: #ffdcd9;
--color-honeysuckle-rose-200: #fbc5c1;
--color-honeysuckle-rose-300: #e5a4a0;
--color-honeysuckle-rose-400: #d28785;
--color-honeysuckle-rose-500: #be6b6a;
--color-honeysuckle-rose-600: #a05b5a;
--color-honeysuckle-rose-700: #814848;
--color-honeysuckle-rose-800: #5f3435;
--color-honeysuckle-rose-900: #432324;
--color-honeysuckle-rose-950: #2b1213;
}SCSS
$honeysuckle-rose: #de8f8d;
$honeysuckle-rose-rgb: 222, 143, 141;
$honeysuckle-rose-light: mix(#fff, $honeysuckle-rose, 20%);
$honeysuckle-rose-dark: mix(#000, $honeysuckle-rose, 20%);
.element {
color: $honeysuckle-rose;
box-shadow: 0 0 0 2px rgba($honeysuckle-rose, 0.35);
}