Najbliższy nazwany kolor · #9AD3DC
#9AD3DC
Najbliższy nazwany kolor: Crystal
#9AD3DC (rgb(154 211 220), hsl(188 49% 73%), oklch(0.831 0.06 208.2)) jest najbliższy nazwanemu kolorowi Crystal. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9AD3DC
oklch(0.831 0.06 208.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A5D7E0
- AFDCE3
- B9E0E7
- C3E5EA
- CDE9EE
- D7EDF1
- E1F2F5
- EBF6F8
- F5FBFC
Odcienie ciemniejsze
- 85B7BF
- 719CA3
- 5E8288
- 4B696E
- 395154
- 273A3C
- 172426
- 091011
- 010202
Tony
- 98CAD2
- 96C2C9
- 93B9C0
- 91B1B6
- 8EA9AD
- 8CA0A4
- 89989B
- 869092
- 838889
Harmonie kolorów
Komplementarna +180°
- 9AD3DC
Crystal
- ECBAB2
≈ Pink Cashmere
Analogowa -30° +30°
- 9AD3DC
Crystal
- 9ED5C8
≈ Aqua Glow
- A4CEEA
≈ Cielo
Triada +120° +240°
- 9AD3DC
Crystal
- DEBADB
≈ Romantic Morning
- D8C69C
≈ Straw Basket
Komplementarna rozszczepiona +150° +210°
- 9AD3DC
Crystal
- E9B8C7
≈ Chantilly
- E6BFA2
≈ Fabulous Fawn
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.65:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.72:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
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);
}