En yakın adlandırılmış renk · #97403C
#97403C
En yakın adlandırılmış renk: Red My Mind
#97403C (rgb(151 64 60), hsl(3 43% 41%), oklch(0.487 0.118 25.1)) en çok Red My Mind 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.
#97403C
oklch(0.487 0.118 25.1)
Renk dönüşümleri
- HEX
- #97403c
- RGB
- rgb(151 64 60)
- HSL
- hsl(3 43% 41%)
- HWB
- hwb(3 24% 41%)
- OKLCH
- oklch(0.487 0.118 25.1)
- OKLab
- oklab(0.487 0.107 0.05)
- CIE Lab
- lab(39.3 37.05 21.49)
- LCH
- lch(39.3 42.83 30.1)
- CMYK
- cmyk(0% 58% 60% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A3534E
- AE6660
- B97873
- C48B86
- CF9E99
- D9B1AD
- E3C4C1
- EDD8D5
- F6EBEA
Koyu tonlar
- 833633
- 6F2D2A
- 5C2421
- 491B19
- 371311
- 260B0A
- 170504
- 080101
- 010000
Gri tonlar
- 964843
- 954F4A
- 935551
- 915C57
- 8F625E
- 8D6865
- 8A6F6C
- 877472
- 847A79
Renk uyumları
Tamamlayıcı +180°
- 97403C
Red My Mind
- 006D76
≈ Toadstool Teal
Analog -30° +30°
- 97403C
Red My Mind
- 913F63
≈ Putnam Plum
- 914A05
≈ Parasite Brown
Üçlü +120° +240°
- 97403C
Red My Mind
- 2C7032
≈ San Felix
- 3E5CA2
≈ Blue Dahlia
Bölünmüş tamamlayıcı +150° +210°
- 97403C
Red My Mind
- 00705D
≈ Falcon Turquoise
- 006891
≈ Sea Blue
Dörtlü +90° +180° +270°
- 97403C
Red My Mind
- 5E6600
≈ Mud Green
- 006D76
≈ Toadstool Teal
- 654F9A
≈ Ultrapurple Merge
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.74:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.11:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.74:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--red-my-mind: #97403c;
--red-my-mind-rgb: 151 64 60;
--red-my-mind-oklch: oklch(0.487 0.118 25.1);
}
.element {
color: var(--red-my-mind);
background-color: hsl(3 43% 41%);
border-color: oklch(0.487 0.118 25.1);
}Tailwind CSS v4
@theme {
--color-red-my-mind: #97403c;
--color-red-my-mind-50: #ffe9e3;
--color-red-my-mind-100: #ffdad3;
--color-red-my-mind-200: #ffc2b9;
--color-red-my-mind-300: #eea097;
--color-red-my-mind-400: #dc827b;
--color-red-my-mind-500: #c8635d;
--color-red-my-mind-600: #a9554f;
--color-red-my-mind-700: #88443f;
--color-red-my-mind-800: #65302f;
--color-red-my-mind-900: #472120;
--color-red-my-mind-950: #2e100f;
}SCSS
$red-my-mind: #97403c;
$red-my-mind-rgb: 151, 64, 60;
$red-my-mind-light: mix(#fff, $red-my-mind, 20%);
$red-my-mind-dark: mix(#000, $red-my-mind, 20%);
.element {
color: $red-my-mind;
box-shadow: 0 0 0 2px rgba($red-my-mind, 0.35);
}