Adlandırılmış renk · #881100
Sangoire Red
Sangoire Red, #881100: rgb(136 17 0), hsl(8 100% 27%), oklch(0.402 0.154 31.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? → · Sangoire Red color name →
#881100
oklch(0.402 0.154 31.5)
Renk dönüşümleri
- HEX
- #881100
- RGB
- rgb(136 17 0)
- HSL
- hsl(8 100% 27%)
- HWB
- hwb(8 0% 47%)
- OKLCH
- oklch(0.402 0.154 31.5)
- OKLab
- oklab(0.402 0.131 0.081)
- CIE Lab
- lab(29.11 47.71 42.69)
- LCH
- lch(29.11 64.02 41.8)
- CMYK
- cmyk(0% 88% 100% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 963121
- A44A3A
- B16152
- BE7769
- CA8D81
- D6A399
- E1BAB2
- EBD1CB
- F5E8E5
Koyu tonlar
- 750D00
- 630900
- 520600
- 410400
- 310200
- 220100
- 130000
- 060000
- 010000
Gri tonlar
- 892415
- 8A3224
- 8A3E30
- 8A483C
- 8A5248
- 895C53
- 88655E
- 866E69
- 837775
Renk uyumları
Tamamlayıcı +180°
- 881100
Sangoire Red
- 00525E
≈ Sandalwood Grey Blue
Analog -30° +30°
- 881100
Sangoire Red
- 840C42
≈ Midnight Merlot
- 6B3A00
≈ Bestial Brown
Üçlü +120° +240°
- 881100
Sangoire Red
- 005828
≈ Caliban Green
- 2E3B99
≈ Liquid Denim
Bölünmüş tamamlayıcı +150° +210°
- 881100
Sangoire Red
- 00544B
≈ Plankton Green
- 004D76
≈ Blue Meridian
Dörtlü +90° +180° +270°
- 881100
Sangoire Red
- 404F00
≈ Godzilla
- 00525E
≈ Sandalwood Grey Blue
- 582A8C
≈ Night Fever
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.87:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.12:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.87:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--sangoire-red: #881100;
--sangoire-red-rgb: 136 17 0;
--sangoire-red-oklch: oklch(0.402 0.154 31.5);
}
.element {
color: var(--sangoire-red);
background-color: hsl(8 100% 27%);
border-color: oklch(0.402 0.154 31.5);
}Tailwind CSS v4
@theme {
--color-sangoire-red: #881100;
--color-sangoire-red-50: #ffe6d9;
--color-sangoire-red-100: #ffd6c7;
--color-sangoire-red-200: #ffbca9;
--color-sangoire-red-300: #fc9983;
--color-sangoire-red-400: #eb7863;
--color-sangoire-red-500: #d95640;
--color-sangoire-red-600: #b74937;
--color-sangoire-red-700: #933b2c;
--color-sangoire-red-800: #6e2920;
--color-sangoire-red-900: #4e1c15;
--color-sangoire-red-950: #330b07;
}SCSS
$sangoire-red: #881100;
$sangoire-red-rgb: 136, 17, 0;
$sangoire-red-light: mix(#fff, $sangoire-red, 20%);
$sangoire-red-dark: mix(#000, $sangoire-red, 20%);
.element {
color: $sangoire-red;
box-shadow: 0 0 0 2px rgba($sangoire-red, 0.35);
}