Nazwany kolor · #9FB6C6
Country Air
Country Air to #9FB6C6: rgb(159 182 198), hsl(205 25% 70%), oklch(0.764 0.034 238.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Country Air color name →
#9FB6C6
oklch(0.764 0.034 238.3)
Konwersje koloru
- HEX
- #9fb6c6
- RGB
- rgb(159 182 198)
- HSL
- hsl(205 25% 70%)
- HWB
- hwb(205 62% 22%)
- OKLCH
- oklch(0.764 0.034 238.3)
- OKLab
- oklab(0.764 -0.018 -0.029)
- CIE Lab
- lab(72.68 -5.59 -10.94)
- LCH
- lch(72.68 12.28 242.9)
- CMYK
- cmyk(20% 8% 0% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A8BDCC
- B2C4D1
- BBCCD7
- C5D3DD
- CEDAE2
- D8E1E8
- E2E9EE
- EBF0F3
- F5F8F9
Odcienie ciemniejsze
- 8A9EAC
- 758692
- 616F7A
- 4D5962
- 3B444B
- 293035
- 181D21
- 090C0E
- 010202
Tony
- 9CB0BF
- 99ABB8
- 96A6B1
- 93A0A9
- 909BA2
- 8C959B
- 899095
- 868B8E
- 838587
Harmonie kolorów
Komplementarna +180°
- 9FB6C6
Country Air
- C4AE9D
≈ California Stucco
Analogowa -30° +30°
- 9FB6C6
Country Air
- 9AB9BE
≈ Windswept Clouds
- A9B2C9
≈ Ballroom Blue
Triada +120° +240°
- 9FB6C6
Country Air
- C6AAB2
≈ Pale Lychee
- B0B69E
≈ Mellow Mood
Komplementarna rozszczepiona +150° +210°
- 9FB6C6
Country Air
- C7ABA6
≈ Rosy Tan
- BBB29A
≈ Clay Pebble
Tetrada +90° +180° +270°
- 9FB6C6
Country Air
- BFABBD
≈ Lavender Frost
- C4AE9D
≈ California Stucco
- A4B9A6
≈ Aqua Foam
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.10:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.98:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.98:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--country-air: #9fb6c6;
--country-air-rgb: 159 182 198;
--country-air-oklch: oklch(0.764 0.034 238.3);
}
.element {
color: var(--country-air);
background-color: hsl(205 25% 70%);
border-color: oklch(0.764 0.034 238.3);
}Tailwind CSS v4
@theme {
--color-country-air: #9fb6c6;
--color-country-air-50: #edf7fe;
--color-country-air-100: #deeaf2;
--color-country-air-200: #c8d7e2;
--color-country-air-300: #a8bac8;
--color-country-air-400: #8ca2b1;
--color-country-air-500: #728a9b;
--color-country-air-600: #607583;
--color-country-air-700: #4d5d69;
--color-country-air-800: #37444d;
--color-country-air-900: #262f35;
--color-country-air-950: #141c21;
}SCSS
$country-air: #9fb6c6;
$country-air-rgb: 159, 182, 198;
$country-air-light: mix(#fff, $country-air, 20%);
$country-air-dark: mix(#000, $country-air, 20%);
.element {
color: $country-air;
box-shadow: 0 0 0 2px rgba($country-air, 0.35);
}