Colore con nome più vicino · #00987C
#00987C
Colore con nome più vicino: Paolo Veronese Green
#00987C (rgb(0 152 124), hsl(169 100% 30%), oklch(0.606 0.116 173.5)) è più vicino al colore con nome Paolo Veronese Green. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#00987C
oklch(0.606 0.116 173.5)
Conversioni di colore
- HEX
- #00987c
- RGB
- rgb(0 152 124)
- HSL
- hsl(169 100% 30%)
- HWB
- hwb(169 0% 40%)
- OKLCH
- oklch(0.606 0.116 173.5)
- OKLab
- oklab(0.606 -0.115 0.013)
- CIE Lab
- lab(55.82 -40.79 4.68)
- LCH
- lch(55.82 41.06 173.4)
- CMYK
- cmyk(100% 0% 18% 40%)
Tinte · Ombre · Toni
Tinte
- 38A288
- 55AD95
- 6DB7A2
- 83C1AE
- 98CBBB
- ADD6C9
- C2E0D6
- D6EAE4
- EBF5F1
Ombre
- 00846B
- 00705A
- 005C4A
- 004A3B
- 00382C
- 00271E
- 001711
- 000805
- 000101
Toni
- 28967C
- 3A947D
- 47917D
- 528F7E
- 5C8D7E
- 648A7E
- 6C887F
- 73857F
- 7A8380
Armonie di colore
Complementare +180°
- 00987C
Paolo Veronese Green
- B76387
≈ Raspberry Parfait
Analogo -30° +30°
- 00987C
Paolo Veronese Green
- 549453
≈ Ineffable Forest
- 00949E
≈ Peacock Feather
Triadico +120° +240°
- 00987C
Paolo Veronese Green
- 8673C1
≈ Middle Blue Purple
- B76D39
≈ Orange Ballad
Complementare divisa +150° +210°
- 00987C
Paolo Veronese Green
- A369AA
≈ Iris Orchid
- BE6460
≈ Faded Rose
Tetradico +90° +180° +270°
- 00987C
Paolo Veronese Green
- 5D80C7
≈ Bodega Bay
- B76387
≈ Raspberry Parfait
- A37B1B
≈ Nataneyu Gold
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.63:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.78:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--paolo-veronese-green: #00987c;
--paolo-veronese-green-rgb: 0 152 124;
--paolo-veronese-green-oklch: oklch(0.606 0.116 173.5);
}
.element {
color: var(--paolo-veronese-green);
background-color: hsl(169 100% 30%);
border-color: oklch(0.606 0.116 173.5);
}Tailwind CSS v4
@theme {
--color-paolo-veronese-green: #00987c;
--color-paolo-veronese-green-50: #d4fff3;
--color-paolo-veronese-green-100: #c0f5e6;
--color-paolo-veronese-green-200: #9fe5d2;
--color-paolo-veronese-green-300: #72cbb4;
--color-paolo-veronese-green-400: #44b598;
--color-paolo-veronese-green-500: #009e7f;
--color-paolo-veronese-green-600: #00866c;
--color-paolo-veronese-green-700: #006b56;
--color-paolo-veronese-green-800: #004f3d;
--color-paolo-veronese-green-900: #01372a;
--color-paolo-veronese-green-950: #002218;
}SCSS
$paolo-veronese-green: #00987c;
$paolo-veronese-green-rgb: 0, 152, 124;
$paolo-veronese-green-light: mix(#fff, $paolo-veronese-green, 20%);
$paolo-veronese-green-dark: mix(#000, $paolo-veronese-green, 20%);
.element {
color: $paolo-veronese-green;
box-shadow: 0 0 0 2px rgba($paolo-veronese-green, 0.35);
}