Dichtstbijzijnde benoemde kleur · #197CBD
#197CBD
Dichtstbijzijnde benoemde kleur: Star of Life
#197CBD (rgb(25 124 189), hsl(204 77% 42%), oklch(0.565 0.131 244.3)) komt het dichtst bij de benoemde kleur Star of Life. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#197CBD
oklch(0.565 0.131 244.3)
Kleurconversies
- HEX
- #197cbd
- RGB
- rgb(25 124 189)
- HSL
- hsl(204 77% 42%)
- HWB
- hwb(204 10% 26%)
- OKLCH
- oklch(0.565 0.131 244.3)
- OKLab
- oklab(0.565 -0.057 -0.118)
- CIE Lab
- lab(49.19 -9.33 -42.47)
- LCH
- lch(49.19 43.48 257.6)
- CMYK
- cmyk(87% 34% 0% 26%)
Tinten · Schaduwen · Tonen
Tinten
- 3A89C4
- 5396CB
- 6AA3D2
- 80B0D9
- 95BDE0
- AACBE6
- BFD8ED
- D4E5F3
- EAF2F9
Schaduwen
- 146BA4
- 105A8C
- 0B4A74
- 073B5D
- 042C47
- 021E33
- 01111F
- 00050D
- 000102
Tonen
- 2D7DB7
- 3A7EB1
- 467FAC
- 507FA6
- 5980A0
- 62809A
- 6A8093
- 71808D
- 798087
Kleurharmonieën
Complementair +180°
- 197CBD
Star of Life
- A86300
≈ Butter Fudge
Analoog -30° +30°
- 197CBD
Star of Life
- 00849A
≈ Cruising
- 5F6EC2
≈ Gladiola Blue
Triadisch +120° +240°
- 197CBD
Star of Life
- B3506D
≈ Extravagant Blush
- 668218
≈ Jungle Vibes
Gesplitst complementair +150° +210°
- 197CBD
Star of Life
- B6553E
≈ Autumn Glaze
- 8C7400
≈ Vermin Brown
Tetradisch +90° +180° +270°
- 197CBD
Star of Life
- A35595
≈ Bermuda Onion
- A86300
≈ Butter Fudge
- 1D8C51
≈ St. Patrick
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.50:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.65:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--star-of-life: #197cbd;
--star-of-life-rgb: 25 124 189;
--star-of-life-oklch: oklch(0.565 0.131 244.3);
}
.element {
color: var(--star-of-life);
background-color: hsl(204 77% 42%);
border-color: oklch(0.565 0.131 244.3);
}Tailwind CSS v4
@theme {
--color-star-of-life: #197cbd;
--color-star-of-life-50: #d7faff;
--color-star-of-life-100: #c5edff;
--color-star-of-life-200: #a6daff;
--color-star-of-life-300: #7ebef7;
--color-star-of-life-400: #52a6e6;
--color-star-of-life-500: #1d8dd6;
--color-star-of-life-600: #1d77b5;
--color-star-of-life-700: #176091;
--color-star-of-life-800: #09476c;
--color-star-of-life-900: #06314c;
--color-star-of-life-950: #001d32;
}SCSS
$star-of-life: #197cbd;
$star-of-life-rgb: 25, 124, 189;
$star-of-life-light: mix(#fff, $star-of-life, 20%);
$star-of-life-dark: mix(#000, $star-of-life, 20%);
.element {
color: $star-of-life;
box-shadow: 0 0 0 2px rgba($star-of-life, 0.35);
}