Named color · #4A465A
Oath
Oath is #4A465A: rgb(74 70 90), hsl(252 13% 31%), oklch(0.406 0.034 294). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Oath color name →
#4A465A
oklch(0.406 0.034 294)
Color conversions
- HEX
- #4a465a
- RGB
- rgb(74 70 90)
- HSL
- hsl(252 13% 31%)
- HWB
- hwb(252 27% 65%)
- OKLCH
- oklch(0.406 0.034 294)
- OKLab
- oklab(0.406 0.014 -0.031)
- CIE Lab
- lab(30.72 5.26 -11.29)
- LCH
- lch(30.72 12.46 295)
- CMYK
- cmyk(18% 22% 0% 65%)
Tints · Shades · Tones
Tints
- 5A5769
- 6B6879
- 7C7989
- 8E8B99
- A09EA9
- B2B0BA
- C5C3CB
- D8D7DC
- EBEBED
Shades
- 3F3C4D
- 353241
- 2A2835
- 201E29
- 17151E
- 0E0D13
- 060509
- 020203
- 000000
Tones
- 4F4C5E
- 545162
- 5A5765
- 5F5D69
- 64626D
- 6A6871
- 6F6E75
- 757478
- 7A7A7C
Color harmonies
Complementary +180°
- 4A465A
Oath
- 494C37
≈ Olive Leaf
Analogous -30° +30°
- 4A465A
Oath
- 40495C
≈ Dark Navy
- 534354
≈ Interlude
Triadic +120° +240°
- 4A465A
Oath
- 584538
≈ Brown Derby
- 364F48
≈ Amphitrite
Split-complementary +150° +210°
- 4A465A
Oath
- 524834
≈ Punga
- 3E4E3E
≈ Hōjicha
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 9.07:1 · APCA Lc 91
Ag
FailOn black
WCAG 2.31:1 · APCA Lc 11
Best text color: #FFFFFF
WCAG 9.07:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--oath: #4a465a;
--oath-rgb: 74 70 90;
--oath-oklch: oklch(0.406 0.034 294);
}
.element {
color: var(--oath);
background-color: hsl(252 13% 31%);
border-color: oklch(0.406 0.034 294);
}Tailwind CSS v4
@theme {
--color-oath: #4a465a;
--color-oath-50: #f6f3fe;
--color-oath-100: #e8e6f2;
--color-oath-200: #d5d2e1;
--color-oath-300: #b8b4c7;
--color-oath-400: #9f9bb1;
--color-oath-500: #87829b;
--color-oath-600: #726e83;
--color-oath-700: #5b5869;
--color-oath-800: #42404d;
--color-oath-900: #2e2c36;
--color-oath-950: #1b1921;
}SCSS
$oath: #4a465a;
$oath-rgb: 74, 70, 90;
$oath-light: mix(#fff, $oath, 20%);
$oath-dark: mix(#000, $oath, 20%);
.element {
color: $oath;
box-shadow: 0 0 0 2px rgba($oath, 0.35);
}