Adlandırılmış renk · #70393F
Griffon Brown
Griffon Brown, #70393F: rgb(112 57 63), hsl(353 33% 33%), oklch(0.416 0.078 14.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Griffon Brown color name →
#70393F
oklch(0.416 0.078 14.1)
Renk dönüşümleri
- HEX
- #70393f
- RGB
- rgb(112 57 63)
- HSL
- hsl(353 33% 33%)
- HWB
- hwb(353 22% 56%)
- OKLCH
- oklch(0.416 0.078 14.1)
- OKLab
- oklab(0.416 0.075 0.019)
- CIE Lab
- lab(31.44 25.25 7.83)
- LCH
- lch(31.44 26.44 17.2)
- CMYK
- cmyk(0% 49% 44% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7F4B50
- 8D5E62
- 9B7174
- AA8486
- B89899
- C6ACAD
- D4C0C1
- E3D5D5
- F1EAEA
Koyu tonlar
- 603035
- 51282C
- 431F23
- 35171B
- 271012
- 1A090A
- 0E0404
- 040101
- 010000
Gri tonlar
- 724045
- 75474B
- 774F52
- 795658
- 7A5D5F
- 7C6465
- 7D6B6C
- 7E7272
- 7F7979
Renk uyumları
Tamamlayıcı +180°
- 70393F
Griffon Brown
- 005857
≈ Deep Sea Green
Analog -30° +30°
- 70393F
Griffon Brown
- 693A56
≈ Primitive Plum
- 6F3D27
≈ Red Mane
Üçlü +120° +240°
- 70393F
Griffon Brown
- 3A5528
≈ Verdun Green
- 2D4E75
≈ Mykonos Reflection
Bölünmüş tamamlayıcı +150° +210°
- 70393F
Griffon Brown
- 175941
≈ Billiard Table
- 02556B
≈ Plunge
Dörtlü +90° +180° +270°
- 70393F
Griffon Brown
- 534E13
≈ Scorzonera Brown
- 005857
≈ Deep Sea Green
- 474675
≈ Dramatist
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.95:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.34:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.95:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--griffon-brown: #70393f;
--griffon-brown-rgb: 112 57 63;
--griffon-brown-oklch: oklch(0.416 0.078 14.1);
}
.element {
color: var(--griffon-brown);
background-color: hsl(353 33% 33%);
border-color: oklch(0.416 0.078 14.1);
}Tailwind CSS v4
@theme {
--color-griffon-brown: #70393f;
--color-griffon-brown-50: #ffeded;
--color-griffon-brown-100: #ffdedf;
--color-griffon-brown-200: #f4c8c9;
--color-griffon-brown-300: #dca8aa;
--color-griffon-brown-400: #c88c90;
--color-griffon-brown-500: #b47076;
--color-griffon-brown-600: #985f64;
--color-griffon-brown-700: #7a4c50;
--color-griffon-brown-800: #5a373b;
--color-griffon-brown-900: #3f2629;
--color-griffon-brown-950: #281416;
}SCSS
$griffon-brown: #70393f;
$griffon-brown-rgb: 112, 57, 63;
$griffon-brown-light: mix(#fff, $griffon-brown, 20%);
$griffon-brown-dark: mix(#000, $griffon-brown, 20%);
.element {
color: $griffon-brown;
box-shadow: 0 0 0 2px rgba($griffon-brown, 0.35);
}