Colore con nome più vicino · #0F8F68
#0F8F68
Colore con nome più vicino: Viridian
#0F8F68 (rgb(15 143 104), hsl(162 81% 31%), oklch(0.577 0.118 165.1)) è più vicino al colore con nome Viridian. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#0F8F68
oklch(0.577 0.118 165.1)
Conversioni di colore
- HEX
- #0f8f68
- RGB
- rgb(15 143 104)
- HSL
- hsl(162 81% 31%)
- HWB
- hwb(162 6% 44%)
- OKLCH
- oklch(0.577 0.118 165.1)
- OKLab
- oklab(0.577 -0.114 0.03)
- CIE Lab
- lab(52.55 -40.63 11.4)
- LCH
- lch(52.55 42.2 164.3)
- CMYK
- cmyk(90% 0% 27% 44%)
Tinte · Ombre · Toni
Tinte
- 3A9A76
- 54A584
- 6CB093
- 82BCA2
- 97C7B1
- ACD2C0
- C1DDD0
- D5E8DF
- EAF4EF
Ombre
- 0B7C59
- 08694B
- 05573E
- 034530
- 023424
- 012418
- 00150C
- 000704
- 000100
Toni
- 2A8E6A
- 3A8D6D
- 478B6F
- 518A72
- 5B8874
- 638777
- 6B8579
- 72847B
- 79827E
Armonie di colore
Complementare +180°
- 0F8F68
Viridian
- AA5B89
≈ Cyclamen Red
Analogo -30° +30°
- 0F8F68
Viridian
- 5A893D
≈ Golf Day
- 008B8C
≈ Dark Cyan
Triadico +120° +240°
- 0F8F68
Viridian
- 736EBC
≈ Purple Toolbox
- B26039
≈ Fudgesicle
Complementare divisa +150° +210°
- 0F8F68
Viridian
- 9462A9
≈ Empire Violet
- B45963
≈ Pink Flame
Tetradico +90° +180° +270°
- 0F8F68
Viridian
- 467BBE
≈ Parkwater
- AA5B89
≈ Cyclamen Red
- A26E0D
≈ Golden Hind
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.07:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.14:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--viridian: #0f8f68;
--viridian-rgb: 15 143 104;
--viridian-oklch: oklch(0.577 0.118 165.1);
}
.element {
color: var(--viridian);
background-color: hsl(162 81% 31%);
border-color: oklch(0.577 0.118 165.1);
}Tailwind CSS v4
@theme {
--color-viridian: #0f8f68;
--color-viridian-50: #d6ffee;
--color-viridian-100: #c3f5e0;
--color-viridian-200: #a3e5ca;
--color-viridian-300: #78cbab;
--color-viridian-400: #4fb48d;
--color-viridian-500: #029e72;
--color-viridian-600: #0e8661;
--color-viridian-700: #0e6b4d;
--color-viridian-800: #0b4f36;
--color-viridian-900: #073725;
--color-viridian-950: #002214;
}SCSS
$viridian: #0f8f68;
$viridian-rgb: 15, 143, 104;
$viridian-light: mix(#fff, $viridian, 20%);
$viridian-dark: mix(#000, $viridian, 20%);
.element {
color: $viridian;
box-shadow: 0 0 0 2px rgba($viridian, 0.35);
}