Nazwany kolor · #663B3A
Bogong Moth
Bogong Moth to #663B3A: rgb(102 59 58), hsl(1 28% 31%), oklch(0.404 0.061 21.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Bogong Moth color name →
#663B3A
oklch(0.404 0.061 21.5)
Konwersje koloru
- HEX
- #663b3a
- RGB
- rgb(102 59 58)
- HSL
- hsl(1 28% 31%)
- HWB
- hwb(1 23% 60%)
- OKLCH
- oklch(0.404 0.061 21.5)
- OKLab
- oklab(0.404 0.057 0.022)
- CIE Lab
- lab(30.27 19.37 9.17)
- LCH
- lch(30.27 21.43 25.3)
- CMYK
- cmyk(0% 42% 43% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 754D4B
- 845F5D
- 937270
- A28583
- B29897
- C1ACAB
- D0C0BF
- E0D5D4
- EFEAE9
Odcienie ciemniejsze
- 583231
- 4A2928
- 3C2120
- 2F1918
- 231110
- 170909
- 0C0404
- 040101
- 000000
Tony
- 694241
- 6C4947
- 6F504E
- 725655
- 755D5C
- 776463
- 796B6A
- 7C7271
- 7E7979
Harmonie kolorów
Komplementarna +180°
- 663B3A
Bogong Moth
- 145357
≈ Seaworld
Analogowa -30° +30°
- 663B3A
Bogong Moth
- 623B4D
≈ Liqueur Red
- 633F29
≈ Grilled
Triada +120° +240°
- 663B3A
Bogong Moth
- 365132
≈ Goblin
- 36496A
≈ Garnet Stone Blue
Komplementarna rozszczepiona +150° +210°
- 663B3A
Bogong Moth
- 205445
≈ Bagpiper
- 214F64
≈ Shadow of Night
Tetrada +90° +180° +270°
- 663B3A
Bogong Moth
- 4A4C23
≈ Bronze Tone
- 145357
≈ Seaworld
- 494367
≈ Evening Lavender
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.32:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.25:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.32:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--bogong-moth: #663b3a;
--bogong-moth-rgb: 102 59 58;
--bogong-moth-oklch: oklch(0.404 0.061 21.5);
}
.element {
color: var(--bogong-moth);
background-color: hsl(1 28% 31%);
border-color: oklch(0.404 0.061 21.5);
}Tailwind CSS v4
@theme {
--color-bogong-moth: #663b3a;
--color-bogong-moth-50: #ffefed;
--color-bogong-moth-100: #fce0de;
--color-bogong-moth-200: #eecbc8;
--color-bogong-moth-300: #d5aca9;
--color-bogong-moth-400: #c0918e;
--color-bogong-moth-500: #ab7674;
--color-bogong-moth-600: #916462;
--color-bogong-moth-700: #74504f;
--color-bogong-moth-800: #563a3a;
--color-bogong-moth-900: #3c2828;
--color-bogong-moth-950: #251616;
}SCSS
$bogong-moth: #663b3a;
$bogong-moth-rgb: 102, 59, 58;
$bogong-moth-light: mix(#fff, $bogong-moth, 20%);
$bogong-moth-dark: mix(#000, $bogong-moth, 20%);
.element {
color: $bogong-moth;
box-shadow: 0 0 0 2px rgba($bogong-moth, 0.35);
}