Dichtstbijzijnde benoemde kleur · #236191
#236191
Dichtstbijzijnde benoemde kleur: Starry Night
#236191 (rgb(35 97 145), hsl(206 61% 35%), oklch(0.477 0.1 245.7)) komt het dichtst bij de benoemde kleur Starry Night. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#236191
oklch(0.477 0.1 245.7)
Kleurconversies
- HEX
- #236191
- RGB
- rgb(35 97 145)
- HSL
- hsl(206 61% 35%)
- HWB
- hwb(206 14% 43%)
- OKLCH
- oklch(0.477 0.1 245.7)
- OKLab
- oklab(0.477 -0.041 -0.091)
- CIE Lab
- lab(39 -7.06 -32.72)
- LCH
- lch(39 33.47 257.8)
- CMYK
- cmyk(76% 33% 0% 43%)
Tinten · Schaduwen · Tonen
Tinten
- 3B709C
- 517FA7
- 668FB2
- 7C9EBD
- 91AEC8
- A6BED3
- BCCEDE
- D2DEE9
- E8EFF4
Schaduwen
- 1D537D
- 17466A
- 113958
- 0C2D46
- 072135
- 041525
- 010B15
- 000307
- 000001
Tonen
- 2F6490
- 3A688E
- 446B8D
- 4D6E8B
- 56718A
- 5F7588
- 677786
- 707A84
- 787D82
Kleurharmonieën
Complementair +180°
- 236191
Starry Night
- 824F0F
≈ Medium Brown
Analoog -30° +30°
- 236191
Starry Night
- 00687B
≈ Caribbean Splash
- 4D5694
≈ Onion Skin Blue
Triadisch +120° +240°
- 236191
Starry Night
- 8A4254
≈ Dark Earth
- 4F6620
≈ Tabbouleh Green
Gesplitst complementair +150° +210°
- 236191
Starry Night
- 8C4633
≈ Suzumecha Brown
- 6E5C00
≈ Hot Mustard
Tetradisch +90° +180° +270°
- 236191
Starry Night
- 7F4572
≈ Magic Magenta
- 824F0F
≈ Medium Brown
- 206D44
≈ Billiard Ball
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.58:1 · APCA Lc 82
Ag
FailOp zwart
WCAG 3.19:1 · APCA Lc 20
Beste tekstkleur: #FFFFFF
WCAG 6.58:1 (AA) · APCA Lc 82
Contrast pairs
Codefragmenten
CSS
:root {
--starry-night: #236191;
--starry-night-rgb: 35 97 145;
--starry-night-oklch: oklch(0.477 0.1 245.7);
}
.element {
color: var(--starry-night);
background-color: hsl(206 61% 35%);
border-color: oklch(0.477 0.1 245.7);
}Tailwind CSS v4
@theme {
--color-starry-night: #236191;
--color-starry-night-50: #dff9ff;
--color-starry-night-100: #ceecff;
--color-starry-night-200: #b3d9fd;
--color-starry-night-300: #8ebde8;
--color-starry-night-400: #6ba4d6;
--color-starry-night-500: #488cc4;
--color-starry-night-600: #3e77a5;
--color-starry-night-700: #315f85;
--color-starry-night-800: #214662;
--color-starry-night-900: #153045;
--color-starry-night-950: #071c2d;
}SCSS
$starry-night: #236191;
$starry-night-rgb: 35, 97, 145;
$starry-night-light: mix(#fff, $starry-night, 20%);
$starry-night-dark: mix(#000, $starry-night, 20%);
.element {
color: $starry-night;
box-shadow: 0 0 0 2px rgba($starry-night, 0.35);
}