Nazwany kolor · #89CFF0
Pool Tiles
Pool Tiles to #89CFF0: rgb(137 207 240), hsl(199 77% 74%), oklch(0.82 0.084 229.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Pool Tiles color name →
#89CFF0
oklch(0.82 0.084 229.3)
Konwersje koloru
- HEX
- #89cff0
- RGB
- rgb(137 207 240)
- HSL
- hsl(199 77% 74%)
- HWB
- hwb(199 54% 6%)
- OKLCH
- oklch(0.82 0.084 229.3)
- OKLab
- oklab(0.82 -0.055 -0.064)
- CIE Lab
- lab(79.37 -16.47 -23.65)
- LCH
- lch(79.37 28.82 235.2)
- CMYK
- cmyk(43% 14% 0% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 96D4F2
- A2D9F3
- AEDEF5
- BAE3F7
- C6E7F8
- D1ECFA
- DDF1FB
- E8F6FC
- F4FAFE
Odcienie ciemniejsze
- 76B4D1
- 6499B2
- 537F95
- 426778
- 314F5D
- 223843
- 14232A
- 071014
- 010203
Tony
- 89C7E4
- 89BFD9
- 88B7CD
- 88AFC2
- 87A7B7
- 869FAC
- 8597A1
- 839096
- 82888B
Harmonie kolorów
Komplementarna +180°
- 89CFF0
Pool Tiles
- F2B494
≈ Apricot Spring
Analogowa -30° +30°
- 89CFF0
Pool Tiles
- 7ED5D9
≈ Aruba Blue
- A4C6FB
≈ Night Snow
Triada +120° +240°
- 89CFF0
Pool Tiles
- EEAECC
≈ Coral Corn Snake
- C8C989
≈ Chimes
Komplementarna rozszczepiona +150° +210°
- 89CFF0
Pool Tiles
- F6AFAE
≈ Snow White Blush
- E1BE85
≈ Bag of Gold
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.71:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.24:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--pool-tiles: #89cff0;
--pool-tiles-rgb: 137 207 240;
--pool-tiles-oklch: oklch(0.82 0.084 229.3);
}
.element {
color: var(--pool-tiles);
background-color: hsl(199 77% 74%);
border-color: oklch(0.82 0.084 229.3);
}Tailwind CSS v4
@theme {
--color-pool-tiles: #89cff0;
--color-pool-tiles-50: #defaff;
--color-pool-tiles-100: #cdeeff;
--color-pool-tiles-200: #b1dbf2;
--color-pool-tiles-300: #8bc0db;
--color-pool-tiles-400: #67a8c6;
--color-pool-tiles-500: #4191b3;
--color-pool-tiles-600: #397a97;
--color-pool-tiles-700: #2d6279;
--color-pool-tiles-800: #1e4859;
--color-pool-tiles-900: #14323e;
--color-pool-tiles-950: #051e27;
}SCSS
$pool-tiles: #89cff0;
$pool-tiles-rgb: 137, 207, 240;
$pool-tiles-light: mix(#fff, $pool-tiles, 20%);
$pool-tiles-dark: mix(#000, $pool-tiles, 20%);
.element {
color: $pool-tiles;
box-shadow: 0 0 0 2px rgba($pool-tiles, 0.35);
}