Dichtstbijzijnde benoemde kleur · #8CC0D4
#8CC0D4
Dichtstbijzijnde benoemde kleur: Juvie
#8CC0D4 (rgb(140 192 212), hsl(197 46% 69%), oklch(0.778 0.061 223.7)) komt het dichtst bij de benoemde kleur Juvie. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#8CC0D4
oklch(0.778 0.061 223.7)
Kleurconversies
- HEX
- #8cc0d4
- RGB
- rgb(140 192 212)
- HSL
- hsl(197 46% 69%)
- HWB
- hwb(197 55% 17%)
- OKLCH
- oklch(0.778 0.061 223.7)
- OKLab
- oklab(0.778 -0.044 -0.042)
- CIE Lab
- lab(74.58 -13.98 -15.84)
- LCH
- lch(74.58 21.13 228.6)
- CMYK
- cmyk(34% 9% 0% 17%)
Tinten · Schaduwen · Tonen
Tinten
- 98C6D8
- A3CDDD
- AFD3E1
- BAD9E5
- C6DFEA
- D1E6EE
- DDECF2
- E8F2F6
- F4F9FB
Schaduwen
- 79A7B8
- 678E9D
- 557683
- 435F69
- 334951
- 23343A
- 142024
- 070E10
- 010202
Tonen
- 8BB9CB
- 8BB3C3
- 8AACBA
- 89A6B2
- 87A0A9
- 8699A1
- 859399
- 838D90
- 828688
Kleurharmonieën
Complementair +180°
- 8CC0D4
Juvie
- D9AB98
≈ Fortune’s Prize
Analoog -30° +30°
Triadisch +120° +240°
- 8CC0D4
Juvie
- D4A8C1
≈ Heart to Heart
- BDB98C
≈ Back to Nature
Gesplitst complementair +150° +210°
- 8CC0D4
Juvie
- DBA7AB
≈ Prom
- CFB28C
≈ Moraine
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.98:1 · APCA Lc 38
Ag
AAAOp zwart
WCAG 10.60:1 · APCA Lc 64
Beste tekstkleur: #000000
WCAG 10.60:1 (AAA) · APCA Lc 64
Contrast pairs
Codefragmenten
CSS
:root {
--juvie: #8cc0d4;
--juvie-rgb: 140 192 212;
--juvie-oklch: oklch(0.778 0.061 223.7);
}
.element {
color: var(--juvie);
background-color: hsl(197 46% 69%);
border-color: oklch(0.778 0.061 223.7);
}Tailwind CSS v4
@theme {
--color-juvie: #8cc0d4;
--color-juvie-50: #e4f9ff;
--color-juvie-100: #d3edf8;
--color-juvie-200: #badae8;
--color-juvie-300: #97bfd0;
--color-juvie-400: #76a7b9;
--color-juvie-500: #578fa4;
--color-juvie-600: #4a798b;
--color-juvie-700: #3b616f;
--color-juvie-800: #294752;
--color-juvie-900: #1c3139;
--color-juvie-950: #0c1d23;
}SCSS
$juvie: #8cc0d4;
$juvie-rgb: 140, 192, 212;
$juvie-light: mix(#fff, $juvie, 20%);
$juvie-dark: mix(#000, $juvie, 20%);
.element {
color: $juvie;
box-shadow: 0 0 0 2px rgba($juvie, 0.35);
}