Nazwany kolor · #8CCEEA
Anakiwa
Anakiwa to #8CCEEA: rgb(140 206 234), hsl(198 69% 73%), oklch(0.817 0.077 226.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Anakiwa color name →
#8CCEEA
oklch(0.817 0.077 226.5)
Konwersje koloru
- HEX
- #8cceea
- RGB
- rgb(140 206 234)
- HSL
- hsl(198 69% 73%)
- HWB
- hwb(198 55% 8%)
- OKLCH
- oklch(0.817 0.077 226.5)
- OKLab
- oklab(0.817 -0.053 -0.056)
- CIE Lab
- lab(79.08 -16.4 -20.89)
- LCH
- lch(79.08 26.56 231.9)
- CMYK
- cmyk(40% 12% 0% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 98D3EC
- A4D8EE
- B0DDF1
- BBE2F3
- C7E7F5
- D2ECF7
- DDF0F9
- E9F5FB
- F4FAFD
Odcienie ciemniejsze
- 79B3CB
- 6798AE
- 557F91
- 436675
- 334E5A
- 233841
- 142329
- 070F13
- 010203
Tony
- 8CC6DF
- 8BBED4
- 8AB6C9
- 89AEBF
- 88A6B4
- 879FA9
- 85979F
- 848F94
- 82888A
Harmonie kolorów
Komplementarna +180°
- 8CCEEA
Anakiwa
- EEB499
≈ Crab Bisque
Analogowa -30° +30°
- 8CCEEA
Anakiwa
- 85D3D4
≈ Mountain Lake Blue
- A3C6F5
≈ Baby Blue Eyes
Triada +120° +240°
- 8CCEEA
Anakiwa
- E9AFCD
≈ Roses in the Snow
- C9C78C
≈ Creamy Spinaci
Komplementarna rozszczepiona +150° +210°
- 8CCEEA
Anakiwa
- F1AFB2
≈ Brain Pink
- E0BD8A
≈ Bag of Gold
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.73:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.13:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.13:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--anakiwa: #8cceea;
--anakiwa-rgb: 140 206 234;
--anakiwa-oklch: oklch(0.817 0.077 226.5);
}
.element {
color: var(--anakiwa);
background-color: hsl(198 69% 73%);
border-color: oklch(0.817 0.077 226.5);
}Tailwind CSS v4
@theme {
--color-anakiwa: #8cceea;
--color-anakiwa-50: #dffaff;
--color-anakiwa-100: #ceeefd;
--color-anakiwa-200: #b3dbef;
--color-anakiwa-300: #8ec0d7;
--color-anakiwa-400: #6ba8c2;
--color-anakiwa-500: #4791ae;
--color-anakiwa-600: #3d7a93;
--color-anakiwa-700: #316276;
--color-anakiwa-800: #214856;
--color-anakiwa-900: #16323c;
--color-anakiwa-950: #071e26;
}SCSS
$anakiwa: #8cceea;
$anakiwa-rgb: 140, 206, 234;
$anakiwa-light: mix(#fff, $anakiwa, 20%);
$anakiwa-dark: mix(#000, $anakiwa, 20%);
.element {
color: $anakiwa;
box-shadow: 0 0 0 2px rgba($anakiwa, 0.35);
}