En yakın adlandırılmış renk · #A15A2C
#A15A2C
En yakın adlandırılmış renk: Indochine
#A15A2C (rgb(161 90 44), hsl(24 57% 40%), oklch(0.542 0.111 51.2)) en çok Indochine 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.
#A15A2C
oklch(0.542 0.111 51.2)
Renk dönüşümleri
- HEX
- #a15a2c
- RGB
- rgb(161 90 44)
- HSL
- hsl(24 57% 40%)
- HWB
- hwb(24 17% 37%)
- OKLCH
- oklch(0.542 0.111 51.2)
- OKLab
- oklab(0.542 0.069 0.086)
- CIE Lab
- lab(46.19 27.1 38.92)
- LCH
- lch(46.19 47.43 55.2)
- CMYK
- cmyk(0% 44% 73% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AB6A42
- B57A57
- BF8A6C
- C99B80
- D2AB95
- DBBCAA
- E5CCBF
- EEDDD4
- F6EEE9
Koyu tonlar
- 8B4D25
- 76411E
- 623517
- 4E2911
- 3C1E0A
- 2A1305
- 190902
- 090301
- 010000
Gri tonlar
- 9E5E37
- 9C6340
- 996749
- 966B52
- 936F5A
- 8F7262
- 8C7669
- 887971
- 847D79
Renk uyumları
Tamamlayıcı +180°
- A15A2C
Indochine
- 0079A3
≈ CG Blue
Analog -30° +30°
- A15A2C
Indochine
- A65252
≈ Red Rock
- 906703
≈ Muddy Brown
Üçlü +120° +240°
- A15A2C
Indochine
- 008367
≈ Bosphorus
- 7062AA
≈ Genestealer Purple
Bölünmüş tamamlayıcı +150° +210°
- A15A2C
Indochine
- 007F85
≈ Go Alpha
- 496EAF
≈ New Age Blue
Dörtlü +90° +180° +270°
- A15A2C
Indochine
- 487F40
≈ Guinean Green
- 0079A3
≈ CG Blue
- 8C5896
≈ Purple Squid
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.23:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.01:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--indochine: #a15a2c;
--indochine-rgb: 161 90 44;
--indochine-oklch: oklch(0.542 0.111 51.2);
}
.element {
color: var(--indochine);
background-color: hsl(24 57% 40%);
border-color: oklch(0.542 0.111 51.2);
}Tailwind CSS v4
@theme {
--color-indochine: #a15a2c;
--color-indochine-50: #ffedd8;
--color-indochine-100: #ffdfc6;
--color-indochine-200: #fbc8a8;
--color-indochine-300: #e5a882;
--color-indochine-400: #d38b60;
--color-indochine-500: #bf6e3b;
--color-indochine-600: #a15e33;
--color-indochine-700: #824b29;
--color-indochine-800: #61361d;
--color-indochine-900: #442513;
--color-indochine-950: #2c1305;
}SCSS
$indochine: #a15a2c;
$indochine-rgb: 161, 90, 44;
$indochine-light: mix(#fff, $indochine, 20%);
$indochine-dark: mix(#000, $indochine, 20%);
.element {
color: $indochine;
box-shadow: 0 0 0 2px rgba($indochine, 0.35);
}