En yakın adlandırılmış renk · #D83B4C
#D83B4C
En yakın adlandırılmış renk: Smooch Rouge
#D83B4C (rgb(216 59 76), hsl(354 67% 54%), oklch(0.591 0.193 19.7)) en çok Smooch Rouge 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.
#D83B4C
oklch(0.591 0.193 19.7)
Renk dönüşümleri
- HEX
- #d83b4c
- RGB
- rgb(216 59 76)
- HSL
- hsl(354 67% 54%)
- HWB
- hwb(354 23% 15%)
- OKLCH
- oklch(0.591 0.193 19.7)
- OKLab
- oklab(0.591 0.181 0.065)
- CIE Lab
- lab(50.51 61.84 28.76)
- LCH
- lch(50.51 68.2 24.9)
- CMYK
- cmyk(0% 73% 65% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DF545D
- E5696E
- EB7D80
- F09191
- F4A3A3
- F8B6B5
- FBC8C7
- FDDADA
- FEEDEC
Koyu tonlar
- BC3241
- A02936
- 85212C
- 6B1922
- 531118
- 3B090F
- 250406
- 110102
- 020000
Gri tonlar
- D14752
- C95057
- C1595D
- B96062
- B16667
- A86C6C
- 9F7271
- 967776
- 8B7C7B
Renk uyumları
Tamamlayıcı +180°
- D83B4C
Smooch Rouge
- 008F95
≈ Christina Brown
Analog -30° +30°
- D83B4C
Smooch Rouge
- CB3E8E
≈ Smitten
- C45B00
≈ Storybook Sundown
Üçlü +120° +240°
- D83B4C
Smooch Rouge
- 309600
≈ Sacro Bosco
- 2D77ED
≈ Blue Darknut
Bölünmüş tamamlayıcı +150° +210°
- D83B4C
Smooch Rouge
- 009372
≈ Dòu Lǜ Green
- 0089B5
≈ Stomy Shower
Dörtlü +90° +180° +270°
- D83B4C
Smooch Rouge
- 838300
≈ Drably Olive
- 008F95
≈ Christina Brown
- 7F61E6
≈ Medium Slate Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.64:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.64:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--smooch-rouge: #d83b4c;
--smooch-rouge-rgb: 216 59 76;
--smooch-rouge-oklch: oklch(0.591 0.193 19.7);
}
.element {
color: var(--smooch-rouge);
background-color: hsl(354 67% 54%);
border-color: oklch(0.591 0.193 19.7);
}Tailwind CSS v4
@theme {
--color-smooch-rouge: #d83b4c;
--color-smooch-rouge-50: #ffe0dd;
--color-smooch-rouge-100: #ffcfcb;
--color-smooch-rouge-200: #ffb2af;
--color-smooch-rouge-300: #ff8c8b;
--color-smooch-rouge-400: #fb666e;
--color-smooch-rouge-500: #ea384f;
--color-smooch-rouge-600: #c63243;
--color-smooch-rouge-700: #9f2835;
--color-smooch-rouge-800: #771b28;
--color-smooch-rouge-900: #54121b;
--color-smooch-rouge-950: #38030c;
}SCSS
$smooch-rouge: #d83b4c;
$smooch-rouge-rgb: 216, 59, 76;
$smooch-rouge-light: mix(#fff, $smooch-rouge, 20%);
$smooch-rouge-dark: mix(#000, $smooch-rouge, 20%);
.element {
color: $smooch-rouge;
box-shadow: 0 0 0 2px rgba($smooch-rouge, 0.35);
}