Couleur nommée la plus proche · #009D7A
#009D7A
Couleur nommée la plus proche: Paolo Veronese Green
#009D7A (rgb(0 157 122), hsl(167 100% 31%), oklch(0.619 0.123 169.7)) est la plus proche de la couleur nommée Paolo Veronese Green. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#009D7A
oklch(0.619 0.123 169.7)
Conversions de couleur
- HEX
- #009d7a
- RGB
- rgb(0 157 122)
- HSL
- hsl(167 100% 31%)
- HWB
- hwb(167 0% 38%)
- OKLCH
- oklch(0.619 0.123 169.7)
- OKLab
- oklab(0.619 -0.121 0.022)
- CIE Lab
- lab(57.42 -43.01 8.06)
- LCH
- lch(57.42 43.76 169.4)
- CMYK
- cmyk(100% 0% 22% 38%)
Teintes · Ombres · Tons
Teintes
- 39A787
- 56B193
- 6EBBA0
- 84C4AD
- 99CEBA
- AED8C8
- C3E2D5
- D7EBE3
- EBF5F1
Ombres
- 008869
- 007359
- 005F49
- 004C3A
- 003A2B
- 00281D
- 001810
- 000905
- 000101
Tons
- 299A7B
- 3B987B
- 48957C
- 53927D
- 5D8F7D
- 658C7E
- 6C897E
- 73867F
- 7A837F
Harmonies de couleurs
Complémentaire +180°
- 009D7A
Paolo Veronese Green
- BC6591
≈ Malevolent Mauve
Analogue -30° +30°
- 009D7A
Paolo Veronese Green
- 5C974D
≈ Wicked Witch
- 00989E
≈ Riviera Paradise
Triadique +120° +240°
- 009D7A
Paolo Veronese Green
- 8578CA
≈ Ube
- C06D3C
≈ Tiger Stripe
Complémentaire divisée +150° +210°
- 009D7A
Paolo Veronese Green
- A66CB4
≈ Soft Purple
- C56567
≈ Stormy Passion
Tétradique +90° +180° +270°
- 009D7A
Paolo Veronese Green
- 5885CF
≈ Berlin Blue
- BC6591
≈ Malevolent Mauve
- AC7C14
≈ Brown Butter
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.44:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.10:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
CSS
:root {
--paolo-veronese-green: #009d7a;
--paolo-veronese-green-rgb: 0 157 122;
--paolo-veronese-green-oklch: oklch(0.619 0.123 169.7);
}
.element {
color: var(--paolo-veronese-green);
background-color: hsl(167 100% 31%);
border-color: oklch(0.619 0.123 169.7);
}Tailwind CSS v4
@theme {
--color-paolo-veronese-green: #009d7a;
--color-paolo-veronese-green-50: #d3fff1;
--color-paolo-veronese-green-100: #bff6e3;
--color-paolo-veronese-green-200: #9de6ce;
--color-paolo-veronese-green-300: #70ccb0;
--color-paolo-veronese-green-400: #41b693;
--color-paolo-veronese-green-500: #009f79;
--color-paolo-veronese-green-600: #008767;
--color-paolo-veronese-green-700: #006c52;
--color-paolo-veronese-green-800: #004f3a;
--color-paolo-veronese-green-900: #003728;
--color-paolo-veronese-green-950: #002216;
}SCSS
$paolo-veronese-green: #009d7a;
$paolo-veronese-green-rgb: 0, 157, 122;
$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);
}