Dichtstbijzijnde benoemde kleur · #433F5D
#433F5D
Dichtstbijzijnde benoemde kleur: Storm Is Coming
#433F5D (rgb(67 63 93), hsl(248 19% 31%), oklch(0.385 0.051 289.9)) komt het dichtst bij de benoemde kleur Storm Is Coming. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#433F5D
oklch(0.385 0.051 289.9)
Kleurconversies
- HEX
- #433f5d
- RGB
- rgb(67 63 93)
- HSL
- hsl(248 19% 31%)
- HWB
- hwb(248 25% 64%)
- OKLCH
- oklch(0.385 0.051 289.9)
- OKLab
- oklab(0.385 0.017 -0.048)
- CIE Lab
- lab(28.05 7.47 -17.36)
- LCH
- lch(28.05 18.89 293.3)
- CMYK
- cmyk(28% 32% 0% 64%)
Tinten · Schaduwen · Tonen
Tinten
- 54506C
- 65627C
- 76748B
- 89879B
- 9B9AAB
- AEADBC
- C2C1CC
- D6D5DD
- EAEAEE
Schaduwen
- 393550
- 2F2C43
- 262337
- 1D1B2A
- 14121F
- 0C0A14
- 05040A
- 010103
- 000000
Tonen
- 494561
- 4E4C64
- 545268
- 5A586B
- 605F6F
- 676572
- 6D6C76
- 737379
- 7A797D
Kleurharmonieën
Complementair +180°
- 433F5D
Storm Is Coming
- 454625
≈ Nori Seaweed Green
Analoog -30° +30°
- 433F5D
Storm Is Coming
- 34445F
≈ Spelunking
- 503B55
≈ Amethyst Dark Violet
Triadisch +120° +240°
- 433F5D
Storm Is Coming
- 5A3C2B
≈ Peat Brown
- 254C3F
≈ Springbok Green
Gesplitst complementair +150° +210°
- 433F5D
Storm Is Coming
- 524123
≈ Clove Yellow Brown
- 354A30
≈ Palm Leaf
Tetradisch +90° +180° +270°
- 433F5D
Storm Is Coming
- 5C3838
≈ Warmed Wine
- 454625
≈ Nori Seaweed Green
- 1D4C4E
≈ Hornblende Green
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 9.96:1 · APCA Lc 93
Ag
FailOp zwart
WCAG 2.10:1 · APCA Lc 9
Beste tekstkleur: #FFFFFF
WCAG 9.96:1 (AAA) · APCA Lc 93
Contrast pairs
Codefragmenten
CSS
:root {
--storm-is-coming: #433f5d;
--storm-is-coming-rgb: 67 63 93;
--storm-is-coming-oklch: oklch(0.385 0.051 289.9);
}
.element {
color: var(--storm-is-coming);
background-color: hsl(248 19% 31%);
border-color: oklch(0.385 0.051 289.9);
}Tailwind CSS v4
@theme {
--color-storm-is-coming: #433f5d;
--color-storm-is-coming-50: #f5f3ff;
--color-storm-is-coming-100: #e8e5f8;
--color-storm-is-coming-200: #d4d1e9;
--color-storm-is-coming-300: #b7b3d0;
--color-storm-is-coming-400: #9d9abb;
--color-storm-is-coming-500: #8581a6;
--color-storm-is-coming-600: #716d8c;
--color-storm-is-coming-700: #5a5770;
--color-storm-is-coming-800: #414053;
--color-storm-is-coming-900: #2d2c3a;
--color-storm-is-coming-950: #1a1924;
}SCSS
$storm-is-coming: #433f5d;
$storm-is-coming-rgb: 67, 63, 93;
$storm-is-coming-light: mix(#fff, $storm-is-coming, 20%);
$storm-is-coming-dark: mix(#000, $storm-is-coming, 20%);
.element {
color: $storm-is-coming;
box-shadow: 0 0 0 2px rgba($storm-is-coming, 0.35);
}