Colore con nome · #93CFE3
Iqaluit Ice
Iqaluit Ice è #93CFE3: rgb(147 207 227), hsl(195 59% 73%), oklch(0.82 0.067 220.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Iqaluit Ice color name →
#93CFE3
oklch(0.82 0.067 220.6)
Conversioni di colore
- HEX
- #93cfe3
- RGB
- rgb(147 207 227)
- HSL
- hsl(195 59% 73%)
- HWB
- hwb(195 58% 11%)
- OKLCH
- oklch(0.82 0.067 220.6)
- OKLab
- oklab(0.82 -0.051 -0.044)
- CIE Lab
- lab(79.54 -16.27 -16.42)
- LCH
- lch(79.54 23.12 225.3)
- CMYK
- cmyk(35% 9% 0% 11%)
Tinte · Ombre · Toni
Tinte
- 9ED4E6
- A9D9E9
- B4DEEC
- BFE2EE
- CAE7F1
- D5ECF4
- DFF1F7
- EAF5FA
- F4FAFC
Ombre
- 7FB4C5
- 6C99A8
- 597F8C
- 476771
- 364F57
- 25383F
- 162327
- 081012
- 010203
Toni
- 92C7D9
- 90BFCF
- 8FB7C4
- 8DAFBA
- 8BA7B0
- 899FA7
- 87979D
- 858F93
- 82888A
Armonie di colore
Complementare +180°
- 93CFE3
Iqaluit Ice
- EBB6A3
≈ Pink Abalone
Analogo -30° +30°
- 93CFE3
Iqaluit Ice
- 90D3CE
≈ Summer Soft Blue
- A4C8EF
≈ Baby Blue Eyes
Triadico +120° +240°
- 93CFE3
Iqaluit Ice
- E3B4D2
≈ Gumball
- CEC694
≈ Vast Escape
Complementare divisa +150° +210°
- 93CFE3
Iqaluit Ice
- ECB3BA
≈ Frozen Veins
- E1BD95
≈ Lama
Tetradico +90° +180° +270°
- 93CFE3
Iqaluit Ice
- D2B9E5
≈ Pretty Petunia
- EBB6A3
≈ Pink Abalone
- B5CEA0
≈ Apium
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.27:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.27:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--iqaluit-ice: #93cfe3;
--iqaluit-ice-rgb: 147 207 227;
--iqaluit-ice-oklch: oklch(0.82 0.067 220.6);
}
.element {
color: var(--iqaluit-ice);
background-color: hsl(195 59% 73%);
border-color: oklch(0.82 0.067 220.6);
}Tailwind CSS v4
@theme {
--color-iqaluit-ice: #93cfe3;
--color-iqaluit-ice-50: #e1faff;
--color-iqaluit-ice-100: #d1edf8;
--color-iqaluit-ice-200: #b6dbe9;
--color-iqaluit-ice-300: #92c0d1;
--color-iqaluit-ice-400: #71a8ba;
--color-iqaluit-ice-500: #4f91a5;
--color-iqaluit-ice-600: #447a8c;
--color-iqaluit-ice-700: #366270;
--color-iqaluit-ice-800: #254852;
--color-iqaluit-ice-900: #193239;
--color-iqaluit-ice-950: #091e24;
}SCSS
$iqaluit-ice: #93cfe3;
$iqaluit-ice-rgb: 147, 207, 227;
$iqaluit-ice-light: mix(#fff, $iqaluit-ice, 20%);
$iqaluit-ice-dark: mix(#000, $iqaluit-ice, 20%);
.element {
color: $iqaluit-ice;
box-shadow: 0 0 0 2px rgba($iqaluit-ice, 0.35);
}