En yakın adlandırılmış renk · #DE6A51
#DE6A51
En yakın adlandırılmış renk: Heirloom Blush
#DE6A51 (rgb(222 106 81), hsl(11 68% 59%), oklch(0.658 0.151 33.6)) en çok Heirloom Blush adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DE6A51
oklch(0.658 0.151 33.6)
Renk dönüşümleri
- HEX
- #de6a51
- RGB
- rgb(222 106 81)
- HSL
- hsl(11 68% 59%)
- HWB
- hwb(11 32% 13%)
- OKLCH
- oklch(0.658 0.151 33.6)
- OKLab
- oklab(0.658 0.126 0.083)
- CIE Lab
- lab(59.05 44.94 36.41)
- LCH
- lch(59.05 57.84 39)
- CMYK
- cmyk(0% 52% 64% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E37A63
- E88974
- EC9885
- F0A796
- F4B6A7
- F7C5B9
- FAD3CA
- FCE2DC
- FEF0ED
Koyu tonlar
- C15B45
- A54D3A
- 893F2F
- 6F3124
- 55241A
- 3D1810
- 260D07
- 120402
- 020000
Gri tonlar
- D56E57
- CD715C
- C47361
- BB7666
- B2786B
- A87A6F
- 9F7C74
- 957E78
- 8B7F7C
Renk uyumları
Tamamlayıcı +180°
- DE6A51
Heirloom Blush
- 00A3BC
≈ January Blue
Analog -30° +30°
- DE6A51
Heirloom Blush
- DB6588
≈ Surfer Girl
- D07A00
≈ Autumn Leaf Orange
Üçlü +120° +240°
- DE6A51
Heirloom Blush
- 2EAB64
≈ Island Green
- 7588ED
≈ Soft Blue
Bölünmüş tamamlayıcı +150° +210°
- DE6A51
Heirloom Blush
- 00A899
≈ Tropical Sea
- 2199E6
≈ Out of the Blue
Dörtlü +90° +180° +270°
- DE6A51
Heirloom Blush
- 80A021
≈ Spring Vegetables
- 00A3BC
≈ January Blue
- A578DC
≈ Lavender Blossom
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.34:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.28:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.28:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--heirloom-blush: #de6a51;
--heirloom-blush-rgb: 222 106 81;
--heirloom-blush-oklch: oklch(0.658 0.151 33.6);
}
.element {
color: var(--heirloom-blush);
background-color: hsl(11 68% 59%);
border-color: oklch(0.658 0.151 33.6);
}Tailwind CSS v4
@theme {
--color-heirloom-blush: #de6a51;
--color-heirloom-blush-50: #ffe7d8;
--color-heirloom-blush-100: #ffd7c6;
--color-heirloom-blush-200: #ffbea8;
--color-heirloom-blush-300: #fa9b81;
--color-heirloom-blush-400: #e97a61;
--color-heirloom-blush-500: #d7583d;
--color-heirloom-blush-600: #b64b35;
--color-heirloom-blush-700: #923c2a;
--color-heirloom-blush-800: #6d2a1f;
--color-heirloom-blush-900: #4d1d14;
--color-heirloom-blush-950: #320c06;
}SCSS
$heirloom-blush: #de6a51;
$heirloom-blush-rgb: 222, 106, 81;
$heirloom-blush-light: mix(#fff, $heirloom-blush, 20%);
$heirloom-blush-dark: mix(#000, $heirloom-blush, 20%);
.element {
color: $heirloom-blush;
box-shadow: 0 0 0 2px rgba($heirloom-blush, 0.35);
}