Nazwany kolor · #009B7D
Paolo Veronese Green
Paolo Veronese Green to #009B7D: rgb(0 155 125), hsl(168 100% 30%), oklch(0.614 0.119 172.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Paolo Veronese Green color name →
#009B7D
oklch(0.614 0.119 172.5)
Konwersje koloru
- HEX
- #009b7d
- RGB
- rgb(0 155 125)
- HSL
- hsl(168 100% 30%)
- HWB
- hwb(168 0% 39%)
- OKLCH
- oklch(0.614 0.119 172.5)
- OKLab
- oklab(0.614 -0.117 0.015)
- CIE Lab
- lab(56.82 -41.69 5.55)
- LCH
- lch(56.82 42.06 172.4)
- CMYK
- cmyk(100% 0% 19% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 39A589
- 55AF96
- 6EB9A2
- 84C3AF
- 99CDBC
- AED7C9
- C2E1D6
- D7EBE4
- EBF5F1
Odcienie ciemniejsze
- 00866C
- 00725B
- 005E4B
- 004B3B
- 00392C
- 00281E
- 001811
- 000905
- 000101
Tony
- 28997D
- 3A967E
- 48937E
- 53917E
- 5C8E7F
- 658C7F
- 6C897F
- 73867F
- 7A8380
Harmonie kolorów
Komplementarna +180°
- 009B7D
Paolo Veronese Green
- BA648B
≈ Malevolent Mauve
Analogowa -30° +30°
- 009B7D
Paolo Veronese Green
- 579653
≈ Wicked Witch
- 0096A0
≈ Peacock Feather
Triada +120° +240°
- 009B7D
Paolo Veronese Green
- 8776C5
≈ Ube
- BB6E3A
≈ Lucky Penny
Komplementarna rozszczepiona +150° +210°
- 009B7D
Paolo Veronese Green
- A66BAE
≈ Soft Purple
- C16563
≈ Faded Rose
Tetrada +90° +180° +270°
- 009B7D
Paolo Veronese Green
- 5D83CC
≈ Berlin Blue
- BA648B
≈ Malevolent Mauve
- A77D1A
≈ Hornet Yellow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.50:1 · APCA Lc 62
Ag
AANa czerni
WCAG 5.98:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 5.98:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--paolo-veronese-green: #009b7d;
--paolo-veronese-green-rgb: 0 155 125;
--paolo-veronese-green-oklch: oklch(0.614 0.119 172.5);
}
.element {
color: var(--paolo-veronese-green);
background-color: hsl(168 100% 30%);
border-color: oklch(0.614 0.119 172.5);
}Tailwind CSS v4
@theme {
--color-paolo-veronese-green: #009b7d;
--color-paolo-veronese-green-50: #d3fff3;
--color-paolo-veronese-green-100: #bff5e5;
--color-paolo-veronese-green-200: #9ee5d1;
--color-paolo-veronese-green-300: #71cbb3;
--color-paolo-veronese-green-400: #42b597;
--color-paolo-veronese-green-500: #009f7e;
--color-paolo-veronese-green-600: #00866b;
--color-paolo-veronese-green-700: #006c55;
--color-paolo-veronese-green-800: #004f3c;
--color-paolo-veronese-green-900: #003729;
--color-paolo-veronese-green-950: #002217;
}SCSS
$paolo-veronese-green: #009b7d;
$paolo-veronese-green-rgb: 0, 155, 125;
$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);
}