Nazwany kolor · #A5D8CD
Whirlpool
Whirlpool to #A5D8CD: rgb(165 216 205), hsl(167 40% 75%), oklch(0.844 0.055 180.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Whirlpool color name →
#A5D8CD
oklch(0.844 0.055 180.2)
Konwersje koloru
- HEX
- #a5d8cd
- RGB
- rgb(165 216 205)
- HSL
- hsl(167 40% 75%)
- HWB
- hwb(167 65% 15%)
- OKLCH
- oklch(0.844 0.055 180.2)
- OKLab
- oklab(0.844 -0.055 0)
- CIE Lab
- lab(82.54 -18.84 -0.23)
- LCH
- lch(82.54 18.84 180.7)
- CMYK
- cmyk(24% 0% 5% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AEDCD2
- B7E0D7
- C1E4DC
- CAE8E1
- D3ECE6
- DBEFEB
- E4F3F0
- EDF7F5
- F6FBFA
Odcienie ciemniejsze
- 8FBCB2
- 79A098
- 65857E
- 516B66
- 3D534E
- 2B3B38
- 1A2523
- 0A110F
- 010202
Tony
- A2CFC5
- 9EC6BD
- 9BBDB5
- 97B4AD
- 93ABA6
- 90A29E
- 8C9A96
- 88918F
- 848887
Harmonie kolorów
Komplementarna +180°
- A5D8CD
Whirlpool
- EBBDCA
≈ Rose Melody
Analogowa -30° +30°
- A5D8CD
Whirlpool
- B3D6B9
≈ Enchanted Meadow
- A2D6E0
≈ Terrace Pool
Triada +120° +240°
- A5D8CD
Whirlpool
- D1C4EB
≈ Soap
- E7C4A8
≈ Pueblo Sand
Komplementarna rozszczepiona +150° +210°
- A5D8CD
Whirlpool
- E1BFDD
≈ Romantic Ballad
- EEBFB7
≈ Alpenglow
Tetrada +90° +180° +270°
- A5D8CD
Whirlpool
- BECBF1
≈ Frost Fairy
- EBBDCA
≈ Rose Melody
- D9CBA3
≈ Ground Ginger
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.30:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.30:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--whirlpool: #a5d8cd;
--whirlpool-rgb: 165 216 205;
--whirlpool-oklch: oklch(0.844 0.055 180.2);
}
.element {
color: var(--whirlpool);
background-color: hsl(167 40% 75%);
border-color: oklch(0.844 0.055 180.2);
}Tailwind CSS v4
@theme {
--color-whirlpool: #a5d8cd;
--color-whirlpool-50: #e5fbf6;
--color-whirlpool-100: #d5eee9;
--color-whirlpool-200: #bcdcd6;
--color-whirlpool-300: #99c1b9;
--color-whirlpool-400: #7baaa0;
--color-whirlpool-500: #5c9288;
--color-whirlpool-600: #4e7c73;
--color-whirlpool-700: #3e635c;
--color-whirlpool-800: #2d4942;
--color-whirlpool-900: #1e322e;
--color-whirlpool-950: #0e1e1b;
}SCSS
$whirlpool: #a5d8cd;
$whirlpool-rgb: 165, 216, 205;
$whirlpool-light: mix(#fff, $whirlpool, 20%);
$whirlpool-dark: mix(#000, $whirlpool, 20%);
.element {
color: $whirlpool;
box-shadow: 0 0 0 2px rgba($whirlpool, 0.35);
}