Colore con nome · #26F7FD
Frozen State
Frozen State è #26F7FD: rgb(38 247 253), hsl(182 98% 57%), oklch(0.888 0.147 198.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Frozen State color name →
#26F7FD
oklch(0.888 0.147 198.1)
Conversioni di colore
- HEX
- #26f7fd
- RGB
- rgb(38 247 253)
- HSL
- hsl(182 98% 57%)
- HWB
- hwb(182 15% 1%)
- OKLCH
- oklch(0.888 0.147 198.1)
- OKLab
- oklab(0.888 -0.139 -0.045)
- CIE Lab
- lab(88.48 -46.72 -17.15)
- LCH
- lch(88.48 49.77 200.2)
- CMYK
- cmyk(85% 2% 0% 1%)
Tinte · Ombre · Toni
Tinte
- 57F8FD
- 74F9FE
- 8BFAFE
- 9FFBFE
- B2FCFE
- C3FDFE
- D3FEFF
- E2FEFF
- F1FFFF
Ombre
- 20D7DC
- 19B7BC
- 13999D
- 0D7C7F
- 086062
- 044547
- 022C2D
- 011516
- 000303
Toni
- 44EBF0
- 55DFE3
- 62D3D6
- 6BC7C9
- 71BBBD
- 77AFB0
- 7BA3A4
- 7D9798
- 7F8C8C
Armonie di colore
Complementare +180°
- 26F7FD
Frozen State
- FFCBCB
≈ Lusty-Gallant
Analogo -30° +30°
- 26F7FD
Frozen State
- 62F9C8
≈ Rare Wind
- A9E4FF
≈ Frozen Landscape
Triadico +120° +240°
- 26F7FD
Frozen State
- F2C9FF
≈ Aquarelle Lilac
- FFD28C
≈ Honey Bird
Complementare divisa +150° +210°
- 26F7FD
Frozen State
- FFC8E2
≈ Cherry Blush
- FFCEB6
≈ Apricot Lily
Tetradico +90° +180° +270°
- 26F7FD
Frozen State
- D7D5FF
≈ Pale Lavender
- FFCBCB
≈ Lusty-Gallant
- E3E164
≈ Fandangle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.80:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.80:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--frozen-state: #26f7fd;
--frozen-state-rgb: 38 247 253;
--frozen-state-oklch: oklch(0.888 0.147 198.1);
}
.element {
color: var(--frozen-state);
background-color: hsl(182 98% 57%);
border-color: oklch(0.888 0.147 198.1);
}Tailwind CSS v4
@theme {
--color-frozen-state: #26f7fd;
--color-frozen-state-50: #c4ffff;
--color-frozen-state-100: #adf7fb;
--color-frozen-state-200: #82e8ed;
--color-frozen-state-300: #40ced5;
--color-frozen-state-400: #00b8be;
--color-frozen-state-500: #00a1a9;
--color-frozen-state-600: #00888f;
--color-frozen-state-700: #006d72;
--color-frozen-state-800: #005153;
--color-frozen-state-900: #00383a;
--color-frozen-state-950: #002324;
}SCSS
$frozen-state: #26f7fd;
$frozen-state-rgb: 38, 247, 253;
$frozen-state-light: mix(#fff, $frozen-state, 20%);
$frozen-state-dark: mix(#000, $frozen-state, 20%);
.element {
color: $frozen-state;
box-shadow: 0 0 0 2px rgba($frozen-state, 0.35);
}