Dichtstbijzijnde benoemde kleur · #322300
#322300
Dichtstbijzijnde benoemde kleur: Secret Passage
#322300 (rgb(50 35 0), hsl(42 100% 10%), oklch(0.267 0.055 84.6)) komt het dichtst bij de benoemde kleur Secret Passage. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#322300
oklch(0.267 0.055 84.6)
Kleurconversies
- HEX
- #322300
- RGB
- rgb(50 35 0)
- HSL
- hsl(42 100% 10%)
- HWB
- hwb(42 0% 80%)
- OKLCH
- oklch(0.267 0.055 84.6)
- OKLab
- oklab(0.267 0.005 0.055)
- CIE Lab
- lab(15.03 4.49 22)
- LCH
- lch(15.03 22.45 78.5)
- CMYK
- cmyk(0% 30% 100% 80%)
Tinten · Schaduwen · Tonen
Tinten
- 443618
- 564A2F
- 6A5E47
- 7E735F
- 928978
- A7A091
- BCB7AC
- D2CEC7
- E8E6E3
Schaduwen
- 2A1D00
- 221700
- 1B1100
- 140C00
- 0D0700
- 070400
- 030100
- 010000
- 000000
Tonen
- 392C0D
- 41341B
- 483D27
- 504733
- 585040
- 60594C
- 686359
- 706C66
- 787673
Kleurharmonieën
Complementair +180°
- 322300
Secret Passage
- 182540
≈ Cool Balaclavas Are Forever
Analoog -30° +30°
- 322300
Secret Passage
- 3A1D08
≈ 90% Cocoa
- 252904
≈ Lindworm Green
Triadisch +120° +240°
- 322300
Secret Passage
- 002C30
≈ Black Chasm
- 331C34
≈ Fat Tuesday
Gesplitst complementair +150° +210°
- 322300
Secret Passage
- 02293C
≈ Murky Depths
- 28203E
≈ Throat
Tetradisch +90° +180° +270°
- 322300
Secret Passage
- 002E24
≈ Dark Jungle
- 182540
≈ Cool Balaclavas Are Forever
- 3A1927
≈ Black-Hearted
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 15.26:1 · APCA Lc 102
Ag
FailOp zwart
WCAG 1.37:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 15.26:1 (AAA) · APCA Lc 102
Contrast pairs
Codefragmenten
CSS
:root {
--secret-passage: #322300;
--secret-passage-rgb: 50 35 0;
--secret-passage-oklch: oklch(0.267 0.055 84.6);
}
.element {
color: var(--secret-passage);
background-color: hsl(42 100% 10%);
border-color: oklch(0.267 0.055 84.6);
}Tailwind CSS v4
@theme {
--color-secret-passage: #322300;
--color-secret-passage-50: #fcf4e4;
--color-secret-passage-100: #f0e7d4;
--color-secret-passage-200: #ded3ba;
--color-secret-passage-300: #c4b698;
--color-secret-passage-400: #ae9c7a;
--color-secret-passage-500: #97845c;
--color-secret-passage-600: #806f4e;
--color-secret-passage-700: #66593e;
--color-secret-passage-800: #4c412c;
--color-secret-passage-900: #352d1e;
--color-secret-passage-950: #201a0e;
}SCSS
$secret-passage: #322300;
$secret-passage-rgb: 50, 35, 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);
}