Adlandırılmış renk · #8A3E34
Strong Strawberry
Strong Strawberry, #8A3E34: rgb(138 62 52), hsl(7 45% 37%), oklch(0.462 0.106 29.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Strong Strawberry color name →
#8A3E34
oklch(0.462 0.106 29.4)
Renk dönüşümleri
- HEX
- #8a3e34
- RGB
- rgb(138 62 52)
- HSL
- hsl(7 45% 37%)
- HWB
- hwb(7 20% 46%)
- OKLCH
- oklch(0.462 0.106 29.4)
- OKLab
- oklab(0.462 0.092 0.052)
- CIE Lab
- lab(36.59 32.51 22.45)
- LCH
- lch(36.59 39.51 34.6)
- CMYK
- cmyk(0% 55% 62% 46%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 975147
- A3635A
- B0766D
- BC8981
- C79C95
- D3AFA9
- DEC3BE
- E9D7D3
- F4EBE9
Koyu tonlar
- 77352C
- 652B24
- 53231C
- 421A15
- 32120E
- 220A07
- 140403
- 070101
- 010000
Gri tonlar
- 8A453C
- 8A4D43
- 8A534B
- 895A53
- 88615A
- 876762
- 866D69
- 847471
- 827A78
Renk uyumları
Tamamlayıcı +180°
- 8A3E34
Strong Strawberry
- 006471
≈ Green Spool
Analog -30° +30°
- 8A3E34
Strong Strawberry
- 863C57
≈ Ancient Royal Banner
- 834706
≈ Dried Mustard
Üçlü +120° +240°
- 8A3E34
Strong Strawberry
- 236836
≈ Camarone
- 415494
≈ Crushed Velvet
Bölünmüş tamamlayıcı +150° +210°
- 8A3E34
Strong Strawberry
- 00685A
≈ Bella Vista
- 005F8C
≈ Mamala Bay
Dörtlü +90° +180° +270°
- 8A3E34
Strong Strawberry
- 526006
≈ Camouflage Green
- 006471
≈ Green Spool
- 62498B
≈ Lords of the Night
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.44:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.81:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.44:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--strong-strawberry: #8a3e34;
--strong-strawberry-rgb: 138 62 52;
--strong-strawberry-oklch: oklch(0.462 0.106 29.4);
}
.element {
color: var(--strong-strawberry);
background-color: hsl(7 45% 37%);
border-color: oklch(0.462 0.106 29.4);
}Tailwind CSS v4
@theme {
--color-strong-strawberry: #8a3e34;
--color-strong-strawberry-50: #ffebe3;
--color-strong-strawberry-100: #ffdcd2;
--color-strong-strawberry-200: #fec4b9;
--color-strong-strawberry-300: #e9a496;
--color-strong-strawberry-400: #d6867a;
--color-strong-strawberry-500: #c2695c;
--color-strong-strawberry-600: #a4594e;
--color-strong-strawberry-700: #84473e;
--color-strong-strawberry-800: #62332e;
--color-strong-strawberry-900: #45231f;
--color-strong-strawberry-950: #2c110f;
}SCSS
$strong-strawberry: #8a3e34;
$strong-strawberry-rgb: 138, 62, 52;
$strong-strawberry-light: mix(#fff, $strong-strawberry, 20%);
$strong-strawberry-dark: mix(#000, $strong-strawberry, 20%);
.element {
color: $strong-strawberry;
box-shadow: 0 0 0 2px rgba($strong-strawberry, 0.35);
}