En yakın adlandırılmış renk · #7D1C07
#7D1C07
En yakın adlandırılmış renk: Obscure Ogre
#7D1C07 (rgb(125 28 7), hsl(11 89% 26%), oklch(0.389 0.135 33.3)) en çok Obscure Ogre 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.
#7D1C07
oklch(0.389 0.135 33.3)
Renk dönüşümleri
- HEX
- #7d1c07
- RGB
- rgb(125 28 7)
- HSL
- hsl(11 89% 26%)
- HWB
- hwb(11 3% 51%)
- OKLCH
- oklch(0.389 0.135 33.3)
- OKLab
- oklab(0.389 0.113 0.074)
- CIE Lab
- lab(27.87 41.2 37.67)
- LCH
- lch(27.87 55.82 42.4)
- CMYK
- cmyk(0% 78% 94% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8C3624
- 9A4C3C
- A86253
- B6786A
- C38E82
- D0A49A
- DCBAB2
- E8D1CB
- F4E8E5
Koyu tonlar
- 6C1705
- 5B1204
- 4B0D02
- 3B0802
- 2C0501
- 1E0200
- 110100
- 050000
- 010000
Gri tonlar
- 7F2A19
- 813526
- 824032
- 834A3D
- 845348
- 845C54
- 84665F
- 836E6A
- 827775
Renk uyumları
Tamamlayıcı +180°
- 7D1C07
Obscure Ogre
- 004E5A
≈ Watercolour Blue
Analog -30° +30°
- 7D1C07
Obscure Ogre
- 7A183D
≈ Caviar Couture
- 653800
≈ Brown
Üçlü +120° +240°
- 7D1C07
Obscure Ogre
- 00532A
≈ Lemon Balm Green
- 303A8B
≈ Navy Seal
Bölünmüş tamamlayıcı +150° +210°
- 7D1C07
Obscure Ogre
- 005048
≈ Action Green
- 004973
≈ Broadwater Blue
Dörtlü +90° +180° +270°
- 7D1C07
Obscure Ogre
- 3B4C00
≈ Godzilla
- 004E5A
≈ Watercolour Blue
- 542C7E
≈ Regalia
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.28:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.04:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 10.28:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--obscure-ogre: #7d1c07;
--obscure-ogre-rgb: 125 28 7;
--obscure-ogre-oklch: oklch(0.389 0.135 33.3);
}
.element {
color: var(--obscure-ogre);
background-color: hsl(11 89% 26%);
border-color: oklch(0.389 0.135 33.3);
}Tailwind CSS v4
@theme {
--color-obscure-ogre: #7d1c07;
--color-obscure-ogre-50: #ffe8db;
--color-obscure-ogre-100: #ffd9ca;
--color-obscure-ogre-200: #ffc0ad;
--color-obscure-ogre-300: #f49e88;
--color-obscure-ogre-400: #e27f69;
--color-obscure-ogre-500: #d05f47;
--color-obscure-ogre-600: #b0513d;
--color-obscure-ogre-700: #8d4131;
--color-obscure-ogre-800: #692e24;
--color-obscure-ogre-900: #4a1f18;
--color-obscure-ogre-950: #300e09;
}SCSS
$obscure-ogre: #7d1c07;
$obscure-ogre-rgb: 125, 28, 7;
$obscure-ogre-light: mix(#fff, $obscure-ogre, 20%);
$obscure-ogre-dark: mix(#000, $obscure-ogre, 20%);
.element {
color: $obscure-ogre;
box-shadow: 0 0 0 2px rgba($obscure-ogre, 0.35);
}