Dichtstbijzijnde benoemde kleur · #00618E
#00618E
Dichtstbijzijnde benoemde kleur: Wavy Navy
#00618E (rgb(0 97 142), hsl(199 100% 28%), oklch(0.468 0.105 238.6)) komt het dichtst bij de benoemde kleur Wavy Navy. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#00618E
oklch(0.468 0.105 238.6)
Kleurconversies
- HEX
- #00618e
- RGB
- rgb(0 97 142)
- HSL
- hsl(199 100% 28%)
- HWB
- hwb(199 0% 44%)
- OKLCH
- oklch(0.468 0.105 238.6)
- OKLab
- oklab(0.468 -0.055 -0.09)
- CIE Lab
- lab(38.22 -11.39 -32.21)
- LCH
- lch(38.22 34.16 250.5)
- CMYK
- cmyk(100% 32% 0% 44%)
Tinten · Schaduwen · Tonen
Tinten
- 2B7099
- 4580A5
- 5D8FB0
- 749FBB
- 8BAEC7
- A2BED2
- B9CEDD
- D0DEE9
- E7EFF4
Schaduwen
- 00537B
- 004668
- 003956
- 002D44
- 002134
- 001524
- 000B15
- 000307
- 000001
Tonen
- 1D658D
- 2D688C
- 3A6B8B
- 456E8A
- 507288
- 5A7587
- 647885
- 6D7A84
- 777D82
Kleurharmonieën
Complementair +180°
- 00618E
Wavy Navy
- 85490E
≈ Brown Eyed Girl
Analoog -30° +30°
- 00618E
Wavy Navy
- 006672
≈ Wakame Green
- 425695
≈ Nuthatch Back
Triadisch +120° +240°
- 00618E
Wavy Navy
- 883E59
≈ Ancient Royal Banner
- 55620B
≈ Forestial Outpost
Gesplitst complementair +150° +210°
- 00618E
Wavy Navy
- 8C4037
≈ Burnt Henna
- 705700
≈ Pickled Grape Leaves
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.77:1 · APCA Lc 83
Ag
FailOp zwart
WCAG 3.10:1 · APCA Lc 19
Beste tekstkleur: #FFFFFF
WCAG 6.77:1 (AA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--wavy-navy: #00618e;
--wavy-navy-rgb: 0 97 142;
--wavy-navy-oklch: oklch(0.468 0.105 238.6);
}
.element {
color: var(--wavy-navy);
background-color: hsl(199 100% 28%);
border-color: oklch(0.468 0.105 238.6);
}Tailwind CSS v4
@theme {
--color-wavy-navy: #00618e;
--color-wavy-navy-50: #dbfaff;
--color-wavy-navy-100: #caedff;
--color-wavy-navy-200: #acdbfd;
--color-wavy-navy-300: #86bfe8;
--color-wavy-navy-400: #5fa7d5;
--color-wavy-navy-500: #358fc3;
--color-wavy-navy-600: #2f79a5;
--color-wavy-navy-700: #256184;
--color-wavy-navy-800: #174762;
--color-wavy-navy-900: #0f3145;
--color-wavy-navy-950: #021d2c;
}SCSS
$wavy-navy: #00618e;
$wavy-navy-rgb: 0, 97, 142;
$wavy-navy-light: mix(#fff, $wavy-navy, 20%);
$wavy-navy-dark: mix(#000, $wavy-navy, 20%);
.element {
color: $wavy-navy;
box-shadow: 0 0 0 2px rgba($wavy-navy, 0.35);
}