Colore con nome · #6ACED4
Throat Chakra
Throat Chakra è #6ACED4: rgb(106 206 212), hsl(183 55% 62%), oklch(0.793 0.094 200.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Throat Chakra color name →
#6ACED4
oklch(0.793 0.094 200.6)
Conversioni di colore
- HEX
- #6aced4
- RGB
- rgb(106 206 212)
- HSL
- hsl(183 55% 62%)
- HWB
- hwb(183 42% 17%)
- OKLCH
- oklch(0.793 0.094 200.6)
- OKLab
- oklab(0.793 -0.088 -0.033)
- CIE Lab
- lab(76.95 -29.37 -12.53)
- LCH
- lch(76.95 31.94 203.1)
- CMYK
- cmyk(50% 3% 0% 17%)
Tinte · Ombre · Toni
Tinte
- 7CD3D8
- 8CD8DD
- 9CDDE1
- ABE2E5
- B9E7E9
- C8ECEE
- D6F1F2
- E4F5F6
- F1FAFB
Ombre
- 5BB3B8
- 4D989D
- 3F7F83
- 316669
- 244E51
- 18383A
- 0D2324
- 040F10
- 000202
Toni
- 6FC6CB
- 73BEC3
- 76B6BA
- 79AEB2
- 7BA7A9
- 7D9FA1
- 7E9798
- 7F8F90
- 808888
Armonie di colore
Complementare +180°
- 6ACED4
Throat Chakra
- F2A3A2
≈ Candy Heart Pink
Analogo -30° +30°
- 6ACED4
Throat Chakra
- 79D0B3
≈ Seafoam Blue
- 79C7ED
≈ Spritzig
Triadico +120° +240°
- 6ACED4
Throat Chakra
- D7A8E1
≈ Barely Bloomed
- DBB574
≈ Harpswell Green
Complementare divisa +150° +210°
- 6ACED4
Throat Chakra
- EBA3C3
≈ Hushed Rose
- EDAA84
≈ Coral Dust
Tetradico +90° +180° +270°
- 6ACED4
Throat Chakra
- BBB1F4
≈ Purple Sand
- F2A3A2
≈ Candy Heart Pink
- BEC279
≈ Pine Glade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.84:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.39:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.39:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--throat-chakra: #6aced4;
--throat-chakra-rgb: 106 206 212;
--throat-chakra-oklch: oklch(0.793 0.094 200.6);
}
.element {
color: var(--throat-chakra);
background-color: hsl(183 55% 62%);
border-color: oklch(0.793 0.094 200.6);
}Tailwind CSS v4
@theme {
--color-throat-chakra: #6aced4;
--color-throat-chakra-50: #d7feff;
--color-throat-chakra-100: #c4f2f6;
--color-throat-chakra-200: #a5e1e6;
--color-throat-chakra-300: #7bc6cc;
--color-throat-chakra-400: #50afb5;
--color-throat-chakra-500: #0e989f;
--color-throat-chakra-600: #148187;
--color-throat-chakra-700: #11676c;
--color-throat-chakra-800: #094c4e;
--color-throat-chakra-900: #073537;
--color-throat-chakra-950: #002021;
}SCSS
$throat-chakra: #6aced4;
$throat-chakra-rgb: 106, 206, 212;
$throat-chakra-light: mix(#fff, $throat-chakra, 20%);
$throat-chakra-dark: mix(#000, $throat-chakra, 20%);
.element {
color: $throat-chakra;
box-shadow: 0 0 0 2px rgba($throat-chakra, 0.35);
}