Dichtstbijzijnde benoemde kleur · #43445F
#43445F
Dichtstbijzijnde benoemde kleur: Genie
#43445F (rgb(67 68 95), hsl(238 17% 32%), oklch(0.397 0.045 282.5)) komt het dichtst bij de benoemde kleur Genie. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#43445F
oklch(0.397 0.045 282.5)
Kleurconversies
- HEX
- #43445f
- RGB
- rgb(67 68 95)
- HSL
- hsl(238 17% 32%)
- HWB
- hwb(238 26% 63%)
- OKLCH
- oklch(0.397 0.045 282.5)
- OKLab
- oklab(0.397 0.01 -0.044)
- CIE Lab
- lab(29.63 4.82 -16.21)
- LCH
- lch(29.63 16.92 286.6)
- CMYK
- cmyk(29% 28% 0% 63%)
Tinten · Schaduwen · Tonen
Tinten
- 54556E
- 65667D
- 76788D
- 898A9C
- 9B9DAC
- AFB0BC
- C2C3CD
- D6D7DD
- EAEBEE
Schaduwen
- 393A52
- 2F3044
- 262638
- 1D1D2C
- 141420
- 0C0C15
- 05050A
- 010203
- 000000
Tonen
- 494A62
- 4F5066
- 545669
- 5A5B6C
- 606170
- 676773
- 6D6E76
- 73747A
- 7A7A7D
Kleurharmonieën
Complementair +180°
- 43445F
Genie
- 4B482B
≈ Tinny Tin
Analoog -30° +30°
- 43445F
Genie
- 35495F
≈ Compass Blue
- 4F4059
≈ Powerful Mauve
Triadisch +120° +240°
- 43445F
Genie
- 5C3F33
≈ Espresso Bar
- 2F4F40
≈ Hunt Club
Gesplitst complementair +150° +210°
- 43445F
Genie
- 56432B
≈ Garden Loam
- 3E4C33
≈ Matsuba Green
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 9.41:1 · APCA Lc 92
Ag
FailOp zwart
WCAG 2.23:1 · APCA Lc 11
Beste tekstkleur: #FFFFFF
WCAG 9.41:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
CSS
:root {
--genie: #43445f;
--genie-rgb: 67 68 95;
--genie-oklch: oklch(0.397 0.045 282.5);
}
.element {
color: var(--genie);
background-color: hsl(238 17% 32%);
border-color: oklch(0.397 0.045 282.5);
}Tailwind CSS v4
@theme {
--color-genie: #43445f;
--color-genie-50: #f3f4ff;
--color-genie-100: #e6e6f7;
--color-genie-200: #d1d2e8;
--color-genie-300: #b4b5ce;
--color-genie-400: #9a9cb9;
--color-genie-500: #8183a4;
--color-genie-600: #6d6f8b;
--color-genie-700: #57596f;
--color-genie-800: #3f4152;
--color-genie-900: #2b2d39;
--color-genie-950: #191a24;
}SCSS
$genie: #43445f;
$genie-rgb: 67, 68, 95;
$genie-light: mix(#fff, $genie, 20%);
$genie-dark: mix(#000, $genie, 20%);
.element {
color: $genie;
box-shadow: 0 0 0 2px rgba($genie, 0.35);
}