Adlandırılmış renk · #B5413B
Crimson Silk
Crimson Silk, #B5413B: rgb(181 65 59), hsl(3 51% 47%), oklch(0.536 0.152 26.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Crimson Silk color name →
#B5413B
oklch(0.536 0.152 26.5)
Renk dönüşümleri
- HEX
- #b5413b
- RGB
- rgb(181 65 59)
- HSL
- hsl(3 51% 47%)
- HWB
- hwb(3 23% 29%)
- OKLCH
- oklch(0.536 0.152 26.5)
- OKLab
- oklab(0.536 0.136 0.068)
- CIE Lab
- lab(44.71 47.55 30.09)
- LCH
- lch(44.71 56.27 32.3)
- CMYK
- cmyk(0% 64% 67% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BF564E
- C86961
- D07C74
- D88F87
- E0A19A
- E7B4AE
- EEC7C2
- F4D9D6
- FAECEA
Koyu tonlar
- 9D3732
- 862E29
- 6F2521
- 591C19
- 441311
- 300B09
- 1D0504
- 0C0101
- 020000
Gri tonlar
- B14A43
- AD514A
- A85851
- A45F58
- 9F655F
- 9A6B66
- 94716C
- 8E7673
- 877B79
Renk uyumları
Tamamlayıcı +180°
- B5413B
Crimson Silk
- 007C88
≈ Cote D’Azur
Analog -30° +30°
- B5413B
Crimson Silk
- AE3F70
≈ Cactus Flower
- A55600
≈ Windsor Brown
Üçlü +120° +240°
- B5413B
Crimson Silk
- 178431
≈ Broccoli Paradise
- 4566C5
≈ God of Rain
Bölünmüş tamamlayıcı +150° +210°
- B5413B
Crimson Silk
- 00806C
≈ Emperor’s Silk
- 0076A8
≈ Summer Lake
Dörtlü +90° +180° +270°
- B5413B
Crimson Silk
- 6A7600
≈ Topiary Green
- 007C88
≈ Cote D’Azur
- 7856BA
≈ Fuchsia Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.54:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.78:1 · APCA Lc 25
En iyi metin rengi: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--crimson-silk: #b5413b;
--crimson-silk-rgb: 181 65 59;
--crimson-silk-oklch: oklch(0.536 0.152 26.5);
}
.element {
color: var(--crimson-silk);
background-color: hsl(3 51% 47%);
border-color: oklch(0.536 0.152 26.5);
}Tailwind CSS v4
@theme {
--color-crimson-silk: #b5413b;
--color-crimson-silk-50: #ffe6dd;
--color-crimson-silk-100: #ffd5cb;
--color-crimson-silk-200: #ffbcb0;
--color-crimson-silk-300: #fb988b;
--color-crimson-silk-400: #ea776d;
--color-crimson-silk-500: #d8554d;
--color-crimson-silk-600: #b74942;
--color-crimson-silk-700: #933a34;
--color-crimson-silk-800: #6e2927;
--color-crimson-silk-900: #4d1b1a;
--color-crimson-silk-950: #330b0b;
}SCSS
$crimson-silk: #b5413b;
$crimson-silk-rgb: 181, 65, 59;
$crimson-silk-light: mix(#fff, $crimson-silk, 20%);
$crimson-silk-dark: mix(#000, $crimson-silk, 20%);
.element {
color: $crimson-silk;
box-shadow: 0 0 0 2px rgba($crimson-silk, 0.35);
}