Dichtstbijzijnde benoemde kleur · #82B3C5
#82B3C5
Dichtstbijzijnde benoemde kleur: Crystal Lake
#82B3C5 (rgb(130 179 197), hsl(196 37% 64%), oklch(0.738 0.058 222.7)) komt het dichtst bij de benoemde kleur Crystal Lake. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#82B3C5
oklch(0.738 0.058 222.7)
Kleurconversies
- HEX
- #82b3c5
- RGB
- rgb(130 179 197)
- HSL
- hsl(196 37% 64%)
- HWB
- hwb(196 51% 23%)
- OKLCH
- oklch(0.738 0.058 222.7)
- OKLab
- oklab(0.738 -0.043 -0.039)
- CIE Lab
- lab(69.94 -13.49 -14.69)
- LCH
- lch(69.94 19.95 227.4)
- CMYK
- cmyk(34% 9% 0% 23%)
Tinten · Schaduwen · Tonen
Tinten
- 8FBACB
- 9BC2D1
- A8CAD6
- B4D1DC
- C0D9E2
- CDE0E8
- D9E8EE
- E6F0F3
- F2F7F9
Schaduwen
- 709BAB
- 5F8492
- 4E6E79
- 3E5861
- 2F434B
- 202F35
- 121D21
- 060C0E
- 010102
Tonen
- 82AEBE
- 83A9B7
- 83A4B0
- 839EA9
- 8299A2
- 82949B
- 828F94
- 818A8D
- 818587
Kleurharmonieën
Complementair +180°
- 82B3C5
Crystal Lake
- CB9F8E
≈ Artefact
Analoog -30° +30°
- 82B3C5
Crystal Lake
- 7FB6B4
≈ Kingfisher Turquoise
- 91ADCF
≈ Chambray Blue
Triadisch +120° +240°
- 82B3C5
Crystal Lake
- C59CB4
≈ Idyllic Pink
- B1AC82
≈ Water Reed
Gesplitst complementair +150° +210°
- 82B3C5
Crystal Lake
- CC9CA0
≈ Edwardian Rose
- C1A582
≈ Graham Cracker
Tetradisch +90° +180° +270°
- 82B3C5
Crystal Lake
- B7A0C5
≈ Berry Frappé
- CB9F8E
≈ Artefact
- 9CB38D
≈ Basilisk
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.28:1 · APCA Lc 45
Ag
AAAOp zwart
WCAG 9.20:1 · APCA Lc 57
Beste tekstkleur: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Codefragmenten
CSS
:root {
--crystal-lake: #82b3c5;
--crystal-lake-rgb: 130 179 197;
--crystal-lake-oklch: oklch(0.738 0.058 222.7);
}
.element {
color: var(--crystal-lake);
background-color: hsl(196 37% 64%);
border-color: oklch(0.738 0.058 222.7);
}Tailwind CSS v4
@theme {
--color-crystal-lake: #82b3c5;
--color-crystal-lake-50: #e4f9ff;
--color-crystal-lake-100: #d4edf7;
--color-crystal-lake-200: #bbdae7;
--color-crystal-lake-300: #98bece;
--color-crystal-lake-400: #79a7b7;
--color-crystal-lake-500: #598fa2;
--color-crystal-lake-600: #4c7989;
--color-crystal-lake-700: #3d616e;
--color-crystal-lake-800: #2b4750;
--color-crystal-lake-900: #1d3138;
--color-crystal-lake-950: #0d1d23;
}SCSS
$crystal-lake: #82b3c5;
$crystal-lake-rgb: 130, 179, 197;
$crystal-lake-light: mix(#fff, $crystal-lake, 20%);
$crystal-lake-dark: mix(#000, $crystal-lake, 20%);
.element {
color: $crystal-lake;
box-shadow: 0 0 0 2px rgba($crystal-lake, 0.35);
}