Najbliższy nazwany kolor · #312A00
#312A00
Najbliższy nazwany kolor: Secret Passage
#312A00 (rgb(49 42 0), hsl(51 100% 10%), oklch(0.284 0.059 99.5)) jest najbliższy nazwanemu kolorowi Secret Passage. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#312A00
oklch(0.284 0.059 99.5)
Konwersje koloru
- HEX
- #312a00
- RGB
- rgb(49 42 0)
- HSL
- hsl(51 100% 10%)
- HWB
- hwb(51 0% 81%)
- OKLCH
- oklch(0.284 0.059 99.5)
- OKLab
- oklab(0.284 -0.01 0.058)
- CIE Lab
- lab(17.19 -0.6 24.6)
- LCH
- lch(17.19 24.6 91.4)
- CMYK
- cmyk(0% 14% 100% 81%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 433C19
- 555031
- 686448
- 7C7860
- 918D79
- A6A393
- BBB9AD
- D2D0C8
- E8E7E3
Odcienie ciemniejsze
- 292300
- 221C00
- 1A1600
- 131000
- 0C0A00
- 060500
- 030200
- 010100
- 000000
Tony
- 38320E
- 403A1C
- 474329
- 4F4B35
- 575441
- 5F5C4D
- 67655A
- 6F6E66
- 787773
Harmonie kolorów
Komplementarna +180°
- 312A00
Secret Passage
- 242646
≈ Fainting Light
Analogowa -30° +30°
- 312A00
Secret Passage
- 3C2402
≈ Dark Ebony
- 202F0D
≈ Darkest Forest
Triada +120° +240°
- 312A00
Secret Passage
- 00303B
≈ Artist Blue
- 3D1D33
≈ Jasmin Beauty
Komplementarna rozszczepiona +150° +210°
- 312A00
Secret Passage
- 102B46
≈ Midnight Ocean
- 332140
≈ Power Outage
Tetrada +90° +180° +270°
- 312A00
Secret Passage
- 00312F
≈ Roof Tile Green
- 242646
≈ Fainting Light
- 421C23
≈ Warm Balaclavas Are Forever
Kontrast i dostępność
Ag
AAANa bieli
WCAG 14.36:1 · APCA Lc 101
Ag
FailNa czerni
WCAG 1.46:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 14.36:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
CSS
:root {
--secret-passage: #312a00;
--secret-passage-rgb: 49 42 0;
--secret-passage-oklch: oklch(0.284 0.059 99.5);
}
.element {
color: var(--secret-passage);
background-color: hsl(51 100% 10%);
border-color: oklch(0.284 0.059 99.5);
}Tailwind CSS v4
@theme {
--color-secret-passage: #312a00;
--color-secret-passage-50: #f8f6e3;
--color-secret-passage-100: #ece9d3;
--color-secret-passage-200: #d9d6b9;
--color-secret-passage-300: #bdb996;
--color-secret-passage-400: #a6a077;
--color-secret-passage-500: #8f8759;
--color-secret-passage-600: #79734c;
--color-secret-passage-700: #615c3c;
--color-secret-passage-800: #48432b;
--color-secret-passage-900: #322e1d;
--color-secret-passage-950: #1e1b0d;
}SCSS
$secret-passage: #312a00;
$secret-passage-rgb: 49, 42, 0;
$secret-passage-light: mix(#fff, $secret-passage, 20%);
$secret-passage-dark: mix(#000, $secret-passage, 20%);
.element {
color: $secret-passage;
box-shadow: 0 0 0 2px rgba($secret-passage, 0.35);
}