Dichtstbijzijnde benoemde kleur · #527D8B
#527D8B
Dichtstbijzijnde benoemde kleur: Night Owl
#527D8B (rgb(82 125 139), hsl(195 26% 43%), oklch(0.564 0.052 220.4)) komt het dichtst bij de benoemde kleur Night Owl. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#527D8B
oklch(0.564 0.052 220.4)
Kleurconversies
- HEX
- #527d8b
- RGB
- rgb(82 125 139)
- HSL
- hsl(195 26% 43%)
- HWB
- hwb(195 32% 45%)
- OKLCH
- oklch(0.564 0.052 220.4)
- OKLab
- oklab(0.564 -0.04 -0.034)
- CIE Lab
- lab(49.67 -12.54 -12.6)
- LCH
- lch(49.67 17.78 225.1)
- CMYK
- cmyk(41% 10% 0% 45%)
Tinten · Schaduwen · Tonen
Tinten
- 638996
- 7496A1
- 84A2AD
- 95AFB8
- A7BCC4
- B8C9CF
- C9D7DB
- DBE4E7
- EDF1F3
Schaduwen
- 466C78
- 3B5B66
- 2F4B54
- 253B43
- 1A2C32
- 111E23
- 081114
- 020507
- 000101
Tonen
- 577D8A
- 5C7E89
- 617E88
- 667E87
- 6A7F86
- 6F7F85
- 737F83
- 788082
- 7C8081
Kleurharmonieën
Complementair +180°
- 527D8B
Night Owl
- 916C5E
≈ Chocolate Curl
Analoog -30° +30°
- 527D8B
Night Owl
- 50807C
≈ Nickel Ore Green
- 5F7894
≈ Rushing River
Triadisch +120° +240°
- 527D8B
Night Owl
- 8B6A7F
≈ Raw Garnet Viola
- 7C7753
≈ Green Woodpecker Olive
Gesplitst complementair +150° +210°
- 527D8B
Night Owl
- 91696E
≈ Mauve-a-Lish
- 897154
≈ China Cinnamon
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.50:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.66:1 · APCA Lc 30
Beste tekstkleur: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Codefragmenten
CSS
:root {
--night-owl: #527d8b;
--night-owl-rgb: 82 125 139;
--night-owl-oklch: oklch(0.564 0.052 220.4);
}
.element {
color: var(--night-owl);
background-color: hsl(195 26% 43%);
border-color: oklch(0.564 0.052 220.4);
}Tailwind CSS v4
@theme {
--color-night-owl: #527d8b;
--color-night-owl-50: #e6f9ff;
--color-night-owl-100: #d6ecf5;
--color-night-owl-200: #bddae4;
--color-night-owl-300: #9bbecb;
--color-night-owl-400: #7ca6b4;
--color-night-owl-500: #5e8f9e;
--color-night-owl-600: #507986;
--color-night-owl-700: #40616b;
--color-night-owl-800: #2d474f;
--color-night-owl-900: #1f3137;
--color-night-owl-950: #0e1d21;
}SCSS
$night-owl: #527d8b;
$night-owl-rgb: 82, 125, 139;
$night-owl-light: mix(#fff, $night-owl, 20%);
$night-owl-dark: mix(#000, $night-owl, 20%);
.element {
color: $night-owl;
box-shadow: 0 0 0 2px rgba($night-owl, 0.35);
}