Colore con nome · #357567
Nominee
Nominee è #357567: rgb(53 117 103), hsl(167 38% 33%), oklch(0.516 0.07 177.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Nominee color name →
#357567
oklch(0.516 0.07 177.1)
Conversioni di colore
- HEX
- #357567
- RGB
- rgb(53 117 103)
- HSL
- hsl(167 38% 33%)
- HWB
- hwb(167 21% 54%)
- OKLCH
- oklch(0.516 0.07 177.1)
- OKLab
- oklab(0.516 -0.07 0.004)
- CIE Lab
- lab(44.75 -24.3 1.17)
- LCH
- lch(44.75 24.33 177.2)
- CMYK
- cmyk(55% 0% 12% 54%)
Tinte · Ombre · Toni
Tinte
- 4A8275
- 5F8F83
- 739D92
- 86AAA1
- 9AB8B0
- AEC6BF
- C2D4CF
- D6E2DF
- EAF1EF
Ombre
- 2D6559
- 25554B
- 1D463D
- 153730
- 0E2923
- 081C17
- 030F0C
- 010504
- 000100
Toni
- 3F7669
- 47776C
- 4F796E
- 577A71
- 5E7B73
- 657C76
- 6C7D78
- 737E7B
- 7A7F7D
Armonie di colore
Complementare +180°
- 357567
Nominee
- 885768
≈ Tulipwood
Analogo -30° +30°
- 357567
Nominee
- 4C7350
≈ Irish Clover
- 2E737C
≈ King Tide
Triadico +120° +240°
- 357567
Nominee
- 6C5F8B
≈ Kimberly
- 865D3F
≈ Dark Wood
Complementare divisa +150° +210°
- 357567
Nominee
- 7D597D
≈ Dr Who
- 8C5852
≈ Red Willow
Tetradico +90° +180° +270°
- 357567
Nominee
- 566790
≈ UCLA Blue
- 885768
≈ Tulipwood
- 796536
≈ Nutria
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.39:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.89:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--nominee: #357567;
--nominee-rgb: 53 117 103;
--nominee-oklch: oklch(0.516 0.07 177.1);
}
.element {
color: var(--nominee);
background-color: hsl(167 38% 33%);
border-color: oklch(0.516 0.07 177.1);
}Tailwind CSS v4
@theme {
--color-nominee: #357567;
--color-nominee-50: #e1fcf5;
--color-nominee-100: #d0f0e8;
--color-nominee-200: #b5dfd5;
--color-nominee-300: #91c4b8;
--color-nominee-400: #70ac9e;
--color-nominee-500: #4e9585;
--color-nominee-600: #437e71;
--color-nominee-700: #35655a;
--color-nominee-800: #264a41;
--color-nominee-900: #19342d;
--color-nominee-950: #0a1f1a;
}SCSS
$nominee: #357567;
$nominee-rgb: 53, 117, 103;
$nominee-light: mix(#fff, $nominee, 20%);
$nominee-dark: mix(#000, $nominee, 20%);
.element {
color: $nominee;
box-shadow: 0 0 0 2px rgba($nominee, 0.35);
}