Couleur nommée la plus proche · #82B3C5
#82B3C5
Couleur nommée la plus proche: Crystal Lake
#82B3C5 (rgb(130 179 197), hsl(196 37% 64%), oklch(0.738 0.058 222.7)) est la plus proche de la couleur nommée Crystal Lake. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#82B3C5
oklch(0.738 0.058 222.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 8FBACB
- 9BC2D1
- A8CAD6
- B4D1DC
- C0D9E2
- CDE0E8
- D9E8EE
- E6F0F3
- F2F7F9
Ombres
- 709BAB
- 5F8492
- 4E6E79
- 3E5861
- 2F434B
- 202F35
- 121D21
- 060C0E
- 010102
Tons
- 82AEBE
- 83A9B7
- 83A4B0
- 839EA9
- 8299A2
- 82949B
- 828F94
- 818A8D
- 818587
Harmonies de couleurs
Complémentaire +180°
- 82B3C5
Crystal Lake
- CB9F8E
≈ Artefact
Analogue -30° +30°
- 82B3C5
Crystal Lake
- 7FB6B4
≈ Kingfisher Turquoise
- 91ADCF
≈ Chambray Blue
Triadique +120° +240°
- 82B3C5
Crystal Lake
- C59CB4
≈ Idyllic Pink
- B1AC82
≈ Water Reed
Complémentaire divisée +150° +210°
- 82B3C5
Crystal Lake
- CC9CA0
≈ Edwardian Rose
- C1A582
≈ Graham Cracker
Tétradique +90° +180° +270°
- 82B3C5
Crystal Lake
- B7A0C5
≈ Berry Frappé
- CB9F8E
≈ Artefact
- 9CB38D
≈ Basilisk
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.28:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.20:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
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);
}