Named color · #69354F
Noble Honour
Noble Honour is #69354F: rgb(105 53 79), hsl(330 33% 31%), oklch(0.405 0.081 350). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Noble Honour color name →
#69354F
oklch(0.405 0.081 350)
Color conversions
- HEX
- #69354f
- RGB
- rgb(105 53 79)
- HSL
- hsl(330 33% 31%)
- HWB
- hwb(330 21% 59%)
- OKLCH
- oklch(0.405 0.081 350)
- OKLab
- oklab(0.405 0.08 -0.014)
- CIE Lab
- lab(29.84 26.26 -5.03)
- LCH
- lch(29.84 26.73 349.2)
- CMYK
- cmyk(0% 50% 25% 59%)
Tints · Shades · Tones
Tints
- 78485F
- 875A6F
- 966E80
- A58191
- B495A3
- C3AAB4
- D2BEC7
- E1D4D9
- F0E9EC
Shades
- 5A2D44
- 4C2538
- 3E1D2E
- 311523
- 240E19
- 180810
- 0C0307
- 040102
- 000000
Tones
- 6C3D54
- 6F4459
- 724C5D
- 745362
- 765B67
- 79626C
- 7B6971
- 7D7176
- 7E787B
Color harmonies
Complementary +180°
- 69354F
Noble Honour
- 005642
≈ Sacramento State Green
Analogous -30° +30°
- 69354F
Noble Honour
- 5C3964
≈ Purple Splendour
- 6E3536
≈ Red Theatre
Triadic +120° +240°
- 69354F
Noble Honour
- 4C4C0C
≈ Scorzonera Brown
- 00506C
≈ Gemstone Blue
Split-complementary +150° +210°
- 69354F
Noble Honour
- 2F5327
≈ Moor-Monster
- 005458
≈ Ice Dark Turquoise
Tetradic +90° +180° +270°
- 69354F
Noble Honour
- 604304
≈ Mud Brown
- 005642
≈ Sacramento State Green
- 2E4975
≈ Dragonfly
Contrast & accessibility
Ag
AAAOn white
WCAG 9.44:1 · APCA Lc 92
Ag
FailOn black
WCAG 2.22:1 · APCA Lc 11
Best text color: #FFFFFF
WCAG 9.44:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--noble-honour: #69354f;
--noble-honour-rgb: 105 53 79;
--noble-honour-oklch: oklch(0.405 0.081 350);
}
.element {
color: var(--noble-honour);
background-color: hsl(330 33% 31%);
border-color: oklch(0.405 0.081 350);
}Tailwind CSS v4
@theme {
--color-noble-honour: #69354f;
--color-noble-honour-50: #ffecf7;
--color-noble-honour-100: #ffddeb;
--color-noble-honour-200: #f1c7d8;
--color-noble-honour-300: #d9a7bc;
--color-noble-honour-400: #c48ba5;
--color-noble-honour-500: #af6f8e;
--color-noble-honour-600: #945f78;
--color-noble-honour-700: #774b60;
--color-noble-honour-800: #573747;
--color-noble-honour-900: #3d2531;
--color-noble-honour-950: #26141d;
}SCSS
$noble-honour: #69354f;
$noble-honour-rgb: 105, 53, 79;
$noble-honour-light: mix(#fff, $noble-honour, 20%);
$noble-honour-dark: mix(#000, $noble-honour, 20%);
.element {
color: $noble-honour;
box-shadow: 0 0 0 2px rgba($noble-honour, 0.35);
}