Nazwany kolor · #8FABD6
Casual Water
Casual Water to #8FABD6: rgb(143 171 214), hsl(216 46% 70%), oklch(0.736 0.07 258.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Casual Water color name →
#8FABD6
oklch(0.736 0.07 258.8)
Konwersje koloru
- HEX
- #8fabd6
- RGB
- rgb(143 171 214)
- HSL
- hsl(216 46% 70%)
- HWB
- hwb(216 56% 16%)
- OKLCH
- oklch(0.736 0.07 258.8)
- OKLab
- oklab(0.736 -0.014 -0.069)
- CIE Lab
- lab(69.03 -2.24 -25.26)
- LCH
- lch(69.03 25.36 264.9)
- CMYK
- cmyk(33% 20% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9AB3DA
- A5BCDF
- B0C4E3
- BBCCE7
- C6D5EB
- D1DDEF
- DDE5F3
- E8EEF7
- F3F6FB
Odcienie ciemniejsze
- 7C94BA
- 697E9E
- 576884
- 45546A
- 344052
- 242D3B
- 151B25
- 070B10
- 010102
Tony
- 8EA7CD
- 8CA2C4
- 8B9EBC
- 899AB3
- 8896AB
- 8691A2
- 858D99
- 838991
- 828488
Harmonie kolorów
Komplementarna +180°
- 8FABD6
Casual Water
- C2A577
≈ Medallion
Analogowa -30° +30°
- 8FABD6
Casual Water
- 7AB2CD
≈ Tidal Basin
- A7A3D3
≈ Simply Violet
Triada +120° +240°
- 8FABD6
Casual Water
- D29898
≈ Tobermory
- 93B58A
≈ Foliage
Komplementarna rozszczepiona +150° +210°
- 8FABD6
Casual Water
- CF9D83
≈ Dusty Coral
- ADAD7A
≈ Stuffed Olive
Tetrada +90° +180° +270°
- 8FABD6
Casual Water
- CC98B1
≈ Morning Glory Pink
- C2A577
≈ Medallion
- 7DB8A2
≈ Key Largo
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.34:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.96:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--casual-water: #8fabd6;
--casual-water-rgb: 143 171 214;
--casual-water-oklch: oklch(0.736 0.07 258.8);
}
.element {
color: var(--casual-water);
background-color: hsl(216 46% 70%);
border-color: oklch(0.736 0.07 258.8);
}Tailwind CSS v4
@theme {
--color-casual-water: #8fabd6;
--color-casual-water-50: #eaf6ff;
--color-casual-water-100: #dbe9ff;
--color-casual-water-200: #c4d5f3;
--color-casual-water-300: #a3b8dc;
--color-casual-water-400: #86a0c8;
--color-casual-water-500: #6a87b5;
--color-casual-water-600: #5a7399;
--color-casual-water-700: #485c7a;
--color-casual-water-800: #33435b;
--color-casual-water-900: #222e3f;
--color-casual-water-950: #121b28;
}SCSS
$casual-water: #8fabd6;
$casual-water-rgb: 143, 171, 214;
$casual-water-light: mix(#fff, $casual-water, 20%);
$casual-water-dark: mix(#000, $casual-water, 20%);
.element {
color: $casual-water;
box-shadow: 0 0 0 2px rgba($casual-water, 0.35);
}