Adlandırılmış renk · #D65D45
Flame Stitch
Flame Stitch, #D65D45: rgb(214 93 69), hsl(10 64% 55%), oklch(0.626 0.158 32.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Flame Stitch color name →
#D65D45
oklch(0.626 0.158 32.9)
Renk dönüşümleri
- HEX
- #d65d45
- RGB
- rgb(214 93 69)
- HSL
- hsl(10 64% 55%)
- HWB
- hwb(10 27% 16%)
- OKLCH
- oklch(0.626 0.158 32.9)
- OKLab
- oklab(0.626 0.132 0.086)
- CIE Lab
- lab(55.25 47.48 38.22)
- LCH
- lch(55.25 60.95 38.8)
- CMYK
- cmyk(0% 57% 68% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DC6F58
- E27F6B
- E7907D
- ECA08F
- F0B0A1
- F4C0B4
- F8CFC6
- FBDFD9
- FDEFEC
Koyu tonlar
- BA503B
- 9E4331
- 843727
- 6A2A1E
- 521F15
- 3B140C
- 250A05
- 100302
- 020000
Gri tonlar
- CE624C
- C76753
- BF6B59
- B76F60
- AE7265
- A6766B
- 9D7970
- 947B76
- 8A7E7B
Renk uyumları
Tamamlayıcı +180°
- D65D45
Flame Stitch
- 0099AF
≈ Aquarium Diver
Analog -30° +30°
- D65D45
Flame Stitch
- D2587F
≈ Peppermint Swirl
- C37100
≈ Dirty Orange
Üçlü +120° +240°
- D65D45
Flame Stitch
- 10A257
≈ Full Energy
- 6A7EE6
≈ Pan Purple
Bölünmüş tamamlayıcı +150° +210°
- D65D45
Flame Stitch
- 009D8E
≈ Flamboyant Teal
- 0090DB
≈ Kahu Blue
Dörtlü +90° +180° +270°
- D65D45
Flame Stitch
- 779600
≈ Mossy Woods
- 0099AF
≈ Aquarium Diver
- 9C6CD5
≈ Iridescent Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.81:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.51:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.51:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--flame-stitch: #d65d45;
--flame-stitch-rgb: 214 93 69;
--flame-stitch-oklch: oklch(0.626 0.158 32.9);
}
.element {
color: var(--flame-stitch);
background-color: hsl(10 64% 55%);
border-color: oklch(0.626 0.158 32.9);
}Tailwind CSS v4
@theme {
--color-flame-stitch: #d65d45;
--color-flame-stitch-50: #ffe6d7;
--color-flame-stitch-100: #ffd6c5;
--color-flame-stitch-200: #ffbca7;
--color-flame-stitch-300: #fd997f;
--color-flame-stitch-400: #ec775f;
--color-flame-stitch-500: #da543a;
--color-flame-stitch-600: #b84832;
--color-flame-stitch-700: #943a28;
--color-flame-stitch-800: #6f281e;
--color-flame-stitch-900: #4e1b13;
--color-flame-stitch-950: #330b06;
}SCSS
$flame-stitch: #d65d45;
$flame-stitch-rgb: 214, 93, 69;
$flame-stitch-light: mix(#fff, $flame-stitch, 20%);
$flame-stitch-dark: mix(#000, $flame-stitch, 20%);
.element {
color: $flame-stitch;
box-shadow: 0 0 0 2px rgba($flame-stitch, 0.35);
}