Cor nomeada mais próxima · #00AA99
#00AA99
Cor nomeada mais próxima: Billiard
#00AA99 (rgb(0 170 153), hsl(174 100% 33%), oklch(0.662 0.118 182.5)) é mais próxima da cor nomeada Billiard. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00AA99
oklch(0.662 0.118 182.5)
Conversões de cor
- HEX
- #00aa99
- RGB
- rgb(0 170 153)
- HSL
- hsl(174 100% 33%)
- HWB
- hwb(174 0% 33%)
- OKLCH
- oklch(0.662 0.118 182.5)
- OKLab
- oklab(0.662 -0.118 -0.005)
- CIE Lab
- lab(62.29 -41.31 -2.23)
- LCH
- lch(62.29 41.37 183.1)
- CMYK
- cmyk(100% 0% 10% 33%)
Tons claros · Sombras · Tons
Tons claros
- 3DB3A3
- 5ABBAD
- 72C4B7
- 88CCC1
- 9DD5CB
- B1DDD5
- C5E6DF
- D8EEEA
- ECF7F4
Sombras
- 009384
- 007D70
- 00685D
- 00534A
- 003F38
- 002D27
- 001B17
- 000B08
- 000101
Tons
- 2BA696
- 3EA294
- 4C9E91
- 569A8F
- 60968C
- 68918A
- 6F8D87
- 758985
- 7B8482
Harmonias de cor
Complementar +180°
- 00AA99
Billiard
- CE728C
≈ Glam
Análoga -30° +30°
- 00AA99
Billiard
- 53A86F
≈ Sēn Lín Lǜ Forest
- 00A5BC
≈ Maui
Tríade +120° +240°
- 00AA99
Billiard
- A180CF
≈ Wisteria
- C6813E
≈ Fancy Suede
Complementar dividida +150° +210°
- 00AA99
Billiard
- BD76B3
≈ Colombo Red Mauve
- D17663
≈ OK Corral
Tétrade +90° +180° +270°
- 00AA99
Billiard
- 7A8DDB
≈ Tanzine
- CE728C
≈ Glam
- AC902E
≈ Reef Gold
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.91:1 · APCA Lc 55
Ag
AAASobre preto
WCAG 7.20:1 · APCA Lc 47
Melhor cor de texto: #000000
WCAG 7.20:1 (AAA) · APCA Lc 47
Contrast pairs
Trechos de código
CSS
:root {
--billiard: #00aa99;
--billiard-rgb: 0 170 153;
--billiard-oklch: oklch(0.662 0.118 182.5);
}
.element {
color: var(--billiard);
background-color: hsl(174 100% 33%);
border-color: oklch(0.662 0.118 182.5);
}Tailwind CSS v4
@theme {
--color-billiard: #00aa99;
--color-billiard-50: #d0fff9;
--color-billiard-100: #bcf5ed;
--color-billiard-200: #99e5da;
--color-billiard-300: #69cbbf;
--color-billiard-400: #33b5a4;
--color-billiard-500: #009f8d;
--color-billiard-600: #008677;
--color-billiard-700: #006b5f;
--color-billiard-800: #004f44;
--color-billiard-900: #00372f;
--color-billiard-950: #00221c;
}SCSS
$billiard: #00aa99;
$billiard-rgb: 0, 170, 153;
$billiard-light: mix(#fff, $billiard, 20%);
$billiard-dark: mix(#000, $billiard, 20%);
.element {
color: $billiard;
box-shadow: 0 0 0 2px rgba($billiard, 0.35);
}