Nazwany kolor · #98DCFF
Gas Giant
Gas Giant to #98DCFF: rgb(152 220 255), hsl(200 100% 80%), oklch(0.861 0.084 231.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Gas Giant color name →
#98DCFF
oklch(0.861 0.084 231.4)
Konwersje koloru
- HEX
- #98dcff
- RGB
- rgb(152 220 255)
- HSL
- hsl(200 100% 80%)
- HWB
- hwb(200 60% 0%)
- OKLCH
- oklch(0.861 0.084 231.4)
- OKLab
- oklab(0.861 -0.052 -0.066)
- CIE Lab
- lab(84.15 -15.61 -24.28)
- LCH
- lch(84.15 28.87 237.3)
- CMYK
- cmyk(40% 14% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3E0FF
- AEE3FF
- B8E7FF
- C3EAFF
- CDEEFF
- D7F1FF
- E1F5FF
- EBF8FF
- F5FCFF
Odcienie ciemniejsze
- 84BFDE
- 70A3BE
- 5C889E
- 4A6E80
- 385463
- 273C48
- 17262E
- 081116
- 010203
Tony
- 96D3F2
- 95C9E5
- 93C0D8
- 90B6CB
- 8EADBE
- 8CA4B1
- 899BA5
- 869298
- 83898C
Harmonie kolorów
Komplementarna +180°
- 98DCFF
Gas Giant
- FFC29F
≈ Coral Gable
Analogowa -30° +30°
- 98DCFF
Gas Giant
- 8CE2E8
≈ Paradisiacal Getaway
- B9D3FF
≈ Ice Cold Stare
Triada +120° +240°
- 98DCFF
Gas Giant
- FDBBD8
≈ Cotton Candy
- D3D797
≈ Mellow Green
Komplementarna rozszczepiona +150° +210°
- 98DCFF
Gas Giant
- FFBFBC
≈ Peach Scone
- EECC92
≈ Sunlight
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.49:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.01:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.01:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--gas-giant: #98dcff;
--gas-giant-rgb: 152 220 255;
--gas-giant-oklch: oklch(0.861 0.084 231.4);
}
.element {
color: var(--gas-giant);
background-color: hsl(200 100% 80%);
border-color: oklch(0.861 0.084 231.4);
}Tailwind CSS v4
@theme {
--color-gas-giant: #98dcff;
--color-gas-giant-50: #dffaff;
--color-gas-giant-100: #cdedff;
--color-gas-giant-200: #b2dbf3;
--color-gas-giant-300: #8dbfdc;
--color-gas-giant-400: #69a8c7;
--color-gas-giant-500: #4490b4;
--color-gas-giant-600: #3b7a98;
--color-gas-giant-700: #2f617a;
--color-gas-giant-800: #1f485a;
--color-gas-giant-900: #15323f;
--color-gas-giant-950: #061e28;
}SCSS
$gas-giant: #98dcff;
$gas-giant-rgb: 152, 220, 255;
$gas-giant-light: mix(#fff, $gas-giant, 20%);
$gas-giant-dark: mix(#000, $gas-giant, 20%);
.element {
color: $gas-giant;
box-shadow: 0 0 0 2px rgba($gas-giant, 0.35);
}