Nazwany kolor · #ABD0EA
Gentle Wind
Gentle Wind to #ABD0EA: rgb(171 208 234), hsl(205 60% 79%), oklch(0.839 0.054 238.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Gentle Wind color name →
#ABD0EA
oklch(0.839 0.054 238.9)
Konwersje koloru
- HEX
- #abd0ea
- RGB
- rgb(171 208 234)
- HSL
- hsl(205 60% 79%)
- HWB
- hwb(205 67% 8%)
- OKLCH
- oklch(0.839 0.054 238.9)
- OKLab
- oklab(0.839 -0.028 -0.046)
- CIE Lab
- lab(81.44 -8.31 -17.14)
- LCH
- lch(81.44 19.05 244.1)
- CMYK
- cmyk(27% 11% 0% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B3D5EC
- BCD9EE
- C4DEF1
- CDE3F3
- D5E7F5
- DDECF7
- E6F1F9
- EEF6FB
- F7FAFD
Odcienie ciemniejsze
- 94B5CB
- 7E9AAE
- 688091
- 546775
- 404F5A
- 2D3941
- 1B2329
- 0B1013
- 010203
Tony
- A7C8DF
- A3C0D4
- 9EB7C9
- 9AAFBE
- 96A7B4
- 919FA9
- 8D979F
- 899094
- 84888A
Harmonie kolorów
Komplementarna +180°
- ABD0EA
Gentle Wind
- E6C3A8
≈ Peach Beauty
Analogowa -30° +30°
- ABD0EA
Gentle Wind
- A2D5DD
≈ Midwinter Mist
- BCCAEE
≈ Cuddle
Triada +120° +240°
- ABD0EA
Gentle Wind
- E9BCC9
≈ Pink Mist
- C6D0A9
≈ Bamboo White
Komplementarna rozszczepiona +150° +210°
- ABD0EA
Gentle Wind
- EBBEB7
≈ Rosewood Dreams
- D8C9A3
≈ Spa Sangria
Tetrada +90° +180° +270°
- ABD0EA
Gentle Wind
- DFBEDC
≈ Faded Violet
- E6C3A8
≈ Peach Beauty
- B3D5B8
≈ Enchanted Meadow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.94:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.94:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--gentle-wind: #abd0ea;
--gentle-wind-rgb: 171 208 234;
--gentle-wind-oklch: oklch(0.839 0.054 238.9);
}
.element {
color: var(--gentle-wind);
background-color: hsl(205 60% 79%);
border-color: oklch(0.839 0.054 238.9);
}Tailwind CSS v4
@theme {
--color-gentle-wind: #abd0ea;
--color-gentle-wind-50: #e8f8ff;
--color-gentle-wind-100: #d9ebf9;
--color-gentle-wind-200: #c1d8e9;
--color-gentle-wind-300: #a0bcd1;
--color-gentle-wind-400: #82a3bb;
--color-gentle-wind-500: #658ca6;
--color-gentle-wind-600: #56768c;
--color-gentle-wind-700: #445e71;
--color-gentle-wind-800: #304553;
--color-gentle-wind-900: #21303a;
--color-gentle-wind-950: #101c24;
}SCSS
$gentle-wind: #abd0ea;
$gentle-wind-rgb: 171, 208, 234;
$gentle-wind-light: mix(#fff, $gentle-wind, 20%);
$gentle-wind-dark: mix(#000, $gentle-wind, 20%);
.element {
color: $gentle-wind;
box-shadow: 0 0 0 2px rgba($gentle-wind, 0.35);
}