Najbliższy nazwany kolor · #272000
#272000
Najbliższy nazwany kolor: Secret Passage
#272000 (rgb(39 32 0), hsl(49 100% 8%), oklch(0.244 0.05 97.2)) jest najbliższy nazwanemu kolorowi Secret Passage. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#272000
oklch(0.244 0.05 97.2)
Konwersje koloru
- HEX
- #272000
- RGB
- rgb(39 32 0)
- HSL
- hsl(49 100% 8%)
- HWB
- hwb(49 0% 85%)
- OKLCH
- oklch(0.244 0.05 97.2)
- OKLab
- oklab(0.244 -0.006 0.05)
- CIE Lab
- lab(12.52 0.21 18.41)
- LCH
- lch(12.52 18.41 89.4)
- CMYK
- cmyk(0% 18% 100% 85%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 393316
- 4C472D
- 605B45
- 75715D
- 8B8776
- A19E90
- B8B5AB
- CFCDC6
- E7E6E2
Odcienie ciemniejsze
- 201A00
- 1A1500
- 140F00
- 0E0A00
- 080600
- 040300
- 020100
- 010000
- 000000
Tony
- 2F290C
- 373219
- 403B25
- 484432
- 514E3E
- 5A584B
- 636158
- 6D6C65
- 767672
Harmonie kolorów
Komplementarna +180°
- 272000
Secret Passage
- 1A1D38
≈ Nightwalker
Analogowa -30° +30°
- 272000
Secret Passage
- 301B02
≈ Powdered Cocoa
- 1A2508
≈ Midnight Pines
Triada +120° +240°
- 272000
Secret Passage
- 00252E
≈ Daintree
- 2F1629
≈ Black Cherry
Komplementarna rozszczepiona +150° +210°
- 272000
Secret Passage
- 092237
≈ Celestial Canvas
- 271933
≈ Blackcurrant
Tetrada +90° +180° +270°
- 272000
Secret Passage
- 002724
≈ Teal Spill
- 1A1D38
≈ Nightwalker
- 34151C
≈ Tamarind
Kontrast i dostępność
Ag
AAANa bieli
WCAG 16.24:1 · APCA Lc 103
Ag
FailNa czerni
WCAG 1.29:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 16.24:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--secret-passage: #272000;
--secret-passage-rgb: 39 32 0;
--secret-passage-oklch: oklch(0.244 0.05 97.2);
}
.element {
color: var(--secret-passage);
background-color: hsl(49 100% 8%);
border-color: oklch(0.244 0.05 97.2);
}Tailwind CSS v4
@theme {
--color-secret-passage: #272000;
--color-secret-passage-50: #f8f6e6;
--color-secret-passage-100: #ece9d6;
--color-secret-passage-200: #d9d5bd;
--color-secret-passage-300: #bdb89b;
--color-secret-passage-400: #a69f7d;
--color-secret-passage-500: #8f8760;
--color-secret-passage-600: #797252;
--color-secret-passage-700: #615b41;
--color-secret-passage-800: #48422e;
--color-secret-passage-900: #322e1f;
--color-secret-passage-950: #1e1b0f;
}SCSS
$secret-passage: #272000;
$secret-passage-rgb: 39, 32, 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);
}