Dichtstbijzijnde benoemde kleur · #9AD3DC
#9AD3DC
Dichtstbijzijnde benoemde kleur: Crystal
#9AD3DC (rgb(154 211 220), hsl(188 49% 73%), oklch(0.831 0.06 208.2)) komt het dichtst bij de benoemde kleur Crystal. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#9AD3DC
oklch(0.831 0.06 208.2)
Kleurconversies
- HEX
- #9ad3dc
- RGB
- rgb(154 211 220)
- HSL
- hsl(188 49% 73%)
- HWB
- hwb(188 60% 14%)
- OKLCH
- oklch(0.831 0.06 208.2)
- OKLab
- oklab(0.831 -0.053 -0.028)
- CIE Lab
- lab(80.86 -17.39 -10.7)
- LCH
- lch(80.86 20.42 211.6)
- CMYK
- cmyk(30% 4% 0% 14%)
Tinten · Schaduwen · Tonen
Tinten
- A5D7E0
- AFDCE3
- B9E0E7
- C3E5EA
- CDE9EE
- D7EDF1
- E1F2F5
- EBF6F8
- F5FBFC
Schaduwen
- 85B7BF
- 719CA3
- 5E8288
- 4B696E
- 395154
- 273A3C
- 172426
- 091011
- 010202
Tonen
- 98CAD2
- 96C2C9
- 93B9C0
- 91B1B6
- 8EA9AD
- 8CA0A4
- 89989B
- 869092
- 838889
Kleurharmonieën
Complementair +180°
- 9AD3DC
Crystal
- ECBAB2
≈ Pink Cashmere
Analoog -30° +30°
- 9AD3DC
Crystal
- 9ED5C8
≈ Aqua Glow
- A4CEEA
≈ Cielo
Triadisch +120° +240°
- 9AD3DC
Crystal
- DEBADB
≈ Romantic Morning
- D8C69C
≈ Straw Basket
Gesplitst complementair +150° +210°
- 9AD3DC
Crystal
- E9B8C7
≈ Chantilly
- E6BFA2
≈ Fabulous Fawn
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.65:1 · APCA Lc 29
Ag
AAAOp zwart
WCAG 12.72:1 · APCA Lc 74
Beste tekstkleur: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--crystal: #9ad3dc;
--crystal-rgb: 154 211 220;
--crystal-oklch: oklch(0.831 0.06 208.2);
}
.element {
color: var(--crystal);
background-color: hsl(188 49% 73%);
border-color: oklch(0.831 0.06 208.2);
}Tailwind CSS v4
@theme {
--color-crystal: #9ad3dc;
--color-crystal-50: #e3faff;
--color-crystal-100: #d2eef3;
--color-crystal-200: #b8dce2;
--color-crystal-300: #94c0c8;
--color-crystal-400: #74a9b1;
--color-crystal-500: #53919b;
--color-crystal-600: #477b83;
--color-crystal-700: #396269;
--color-crystal-800: #28484d;
--color-crystal-900: #1b3235;
--color-crystal-950: #0b1e20;
}SCSS
$crystal: #9ad3dc;
$crystal-rgb: 154, 211, 220;
$crystal-light: mix(#fff, $crystal, 20%);
$crystal-dark: mix(#000, $crystal, 20%);
.element {
color: $crystal;
box-shadow: 0 0 0 2px rgba($crystal, 0.35);
}