Dichtstbijzijnde benoemde kleur · #7D1C07
#7D1C07
Dichtstbijzijnde benoemde kleur: Obscure Ogre
#7D1C07 (rgb(125 28 7), hsl(11 89% 26%), oklch(0.389 0.135 33.3)) komt het dichtst bij de benoemde kleur Obscure Ogre. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#7D1C07
oklch(0.389 0.135 33.3)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 8C3624
- 9A4C3C
- A86253
- B6786A
- C38E82
- D0A49A
- DCBAB2
- E8D1CB
- F4E8E5
Schaduwen
- 6C1705
- 5B1204
- 4B0D02
- 3B0802
- 2C0501
- 1E0200
- 110100
- 050000
- 010000
Tonen
- 7F2A19
- 813526
- 824032
- 834A3D
- 845348
- 845C54
- 84665F
- 836E6A
- 827775
Kleurharmonieën
Complementair +180°
- 7D1C07
Obscure Ogre
- 004E5A
≈ Watercolour Blue
Analoog -30° +30°
- 7D1C07
Obscure Ogre
- 7A183D
≈ Caviar Couture
- 653800
≈ Brown
Triadisch +120° +240°
- 7D1C07
Obscure Ogre
- 00532A
≈ Lemon Balm Green
- 303A8B
≈ Navy Seal
Gesplitst complementair +150° +210°
- 7D1C07
Obscure Ogre
- 005048
≈ Action Green
- 004973
≈ Broadwater Blue
Tetradisch +90° +180° +270°
- 7D1C07
Obscure Ogre
- 3B4C00
≈ Godzilla
- 004E5A
≈ Watercolour Blue
- 542C7E
≈ Regalia
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 10.28:1 · APCA Lc 93
Ag
FailOp zwart
WCAG 2.04:1 · APCA Lc 10
Beste tekstkleur: #FFFFFF
WCAG 10.28:1 (AAA) · APCA Lc 93
Contrast pairs
Codefragmenten
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);
}