Colore con nome · #22606E
Excellence
Excellence è #22606E: rgb(34 96 110), hsl(191 53% 28%), oklch(0.456 0.066 215.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Excellence color name →
#22606E
oklch(0.456 0.066 215.4)
Conversioni di colore
- HEX
- #22606e
- RGB
- rgb(34 96 110)
- HSL
- hsl(191 53% 28%)
- HWB
- hwb(191 13% 57%)
- OKLCH
- oklch(0.456 0.066 215.4)
- OKLab
- oklab(0.456 -0.054 -0.038)
- CIE Lab
- lab(37.27 -16.83 -14.17)
- LCH
- lch(37.27 22 220.1)
- CMYK
- cmyk(69% 13% 0% 57%)
Tinte · Ombre · Toni
Tinte
- 3A6F7C
- 507E89
- 668D98
- 7B9DA6
- 90ADB4
- A6BDC3
- BCCDD2
- D2DDE1
- E8EEF0
Ombre
- 1C525F
- 164550
- 113841
- 0B2C33
- 072026
- 031519
- 010A0E
- 000304
- 000001
Toni
- 2F6370
- 396772
- 436A74
- 4D6D75
- 567077
- 5E7479
- 67777B
- 6F7A7D
- 787D7E
Armonie di colore
Complementare +180°
- 22606E
Excellence
- 77493D
≈ Fire Roasted
Analogo -30° +30°
- 22606E
Excellence
- 22635C
≈ Verdant Forest
- 365A79
≈ Bluey
Triadico +120° +240°
- 22606E
Excellence
- 6E4965
≈ Dirty Purple
- 625729
≈ Tucumán Green
Complementare divisa +150° +210°
- 22606E
Excellence
- 764751
≈ Stoic
- 704F2D
≈ Chocolate Rain
Tetradico +90° +180° +270°
- 22606E
Excellence
- 604D74
≈ Loganberry
- 77493D
≈ Fire Roasted
- 4E5D34
≈ Woodman
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.07:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.96:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--excellence: #22606e;
--excellence-rgb: 34 96 110;
--excellence-oklch: oklch(0.456 0.066 215.4);
}
.element {
color: var(--excellence);
background-color: hsl(191 53% 28%);
border-color: oklch(0.456 0.066 215.4);
}Tailwind CSS v4
@theme {
--color-excellence: #22606e;
--color-excellence-50: #e1faff;
--color-excellence-100: #d0eef7;
--color-excellence-200: #b6dce7;
--color-excellence-300: #92c0ce;
--color-excellence-400: #70a9b7;
--color-excellence-500: #4e91a2;
--color-excellence-600: #437b89;
--color-excellence-700: #35626e;
--color-excellence-800: #254850;
--color-excellence-900: #193238;
--color-excellence-950: #091e22;
}SCSS
$excellence: #22606e;
$excellence-rgb: 34, 96, 110;
$excellence-light: mix(#fff, $excellence, 20%);
$excellence-dark: mix(#000, $excellence, 20%);
.element {
color: $excellence;
box-shadow: 0 0 0 2px rgba($excellence, 0.35);
}