Colore con nome · #395555
Oracle
Oracle è #395555: rgb(57 85 85), hsl(180 20% 28%), oklch(0.427 0.033 196). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Oracle color name →
#395555
oklch(0.427 0.033 196)
Conversioni di colore
- HEX
- #395555
- RGB
- rgb(57 85 85)
- HSL
- hsl(180 20% 28%)
- HWB
- hwb(180 22% 67%)
- OKLCH
- oklch(0.427 0.033 196)
- OKLab
- oklab(0.427 -0.032 -0.009)
- CIE Lab
- lab(33.93 -10.86 -3.55)
- LCH
- lch(33.93 11.42 198.1)
- CMYK
- cmyk(33% 0% 0% 67%)
Tinte · Ombre · Toni
Tinte
- 4B6464
- 5E7474
- 708584
- 849595
- 97A6A6
- ABB7B7
- C0C9C9
- D4DBDB
- EAEDED
Ombre
- 304949
- 283D3D
- 1F3131
- 172626
- 101C1C
- 091111
- 040808
- 010202
- 000000
Toni
- 405959
- 475D5D
- 4E6262
- 556666
- 5C6A6A
- 646F6E
- 6B7373
- 727777
- 797C7C
Armonie di colore
Complementare +180°
- 395555
Oracle
- 604849
≈ Wild Raisin
Analogo -30° +30°
- 395555
Oracle
- 3E554B
≈ Deep Jungle
- 3B535D
≈ Slate Wall
Triadico +120° +240°
- 395555
Oracle
- 564A5C
≈ Deep Merlot
- 5A4D3B
≈ Beggar
Complementare divisa +150° +210°
- 395555
Oracle
- 5D4853
≈ Purple Basil
- 5F4A40
≈ Fudge Truffle
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.06:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.60:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.06:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--oracle: #395555;
--oracle-rgb: 57 85 85;
--oracle-oklch: oklch(0.427 0.033 196);
}
.element {
color: var(--oracle);
background-color: hsl(180 20% 28%);
border-color: oklch(0.427 0.033 196);
}Tailwind CSS v4
@theme {
--color-oracle: #395555;
--color-oracle-50: #ebf8f8;
--color-oracle-100: #dcecec;
--color-oracle-200: #c5d9d9;
--color-oracle-300: #a4bdbd;
--color-oracle-400: #88a5a5;
--color-oracle-500: #6d8d8d;
--color-oracle-600: #5c7878;
--color-oracle-700: #4a6060;
--color-oracle-800: #354646;
--color-oracle-900: #243130;
--color-oracle-950: #131d1c;
}SCSS
$oracle: #395555;
$oracle-rgb: 57, 85, 85;
$oracle-light: mix(#fff, $oracle, 20%);
$oracle-dark: mix(#000, $oracle, 20%);
.element {
color: $oracle;
box-shadow: 0 0 0 2px rgba($oracle, 0.35);
}