Cor nomeada mais próxima · #053F1D
#053F1D
Cor nomeada mais próxima: Deep Pond
#053F1D (rgb(5 63 29), hsl(145 85% 13%), oklch(0.323 0.082 151.6)) é mais próxima da cor nomeada Deep Pond. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#053F1D
oklch(0.323 0.082 151.6)
Conversões de cor
- HEX
- #053f1d
- RGB
- rgb(5 63 29)
- HSL
- hsl(145 85% 13%)
- HWB
- hwb(145 2% 75%)
- OKLCH
- oklch(0.323 0.082 151.6)
- OKLab
- oklab(0.323 -0.072 0.039)
- CIE Lab
- lab(22.55 -25.32 15.55)
- LCH
- lch(22.55 29.71 148.4)
- CMYK
- cmyk(92% 0% 54% 75%)
Tons claros · Sombras · Tons
Tons claros
- 235031
- 3B6245
- 52755A
- 698770
- 819A86
- 99AE9D
- B2C2B5
- CBD6CD
- E5EAE6
Sombras
- 043518
- 032C13
- 02230E
- 011B09
- 011205
- 000A03
- 000401
- 000100
- 000000
Tons
- 174527
- 254C30
- 31523A
- 3C5943
- 485F4D
- 536657
- 5E6C61
- 69736B
- 757976
Harmonias de cor
Complementar +180°
- 053F1D
Deep Pond
- 4B2246
≈ Opulent Mauve
Análoga -30° +30°
- 053F1D
Deep Pond
- 2E3900
≈ Wasabi Nori
- 003D36
≈ Night Turquoise
Tríade +120° +240°
- 053F1D
Deep Pond
- 252F5D
≈ Underwater Realm
- 562117
≈ Peaty Brown
Complementar dividida +150° +210°
- 053F1D
Deep Pond
- 3C2856
≈ Parachute Purple
- 541F31
≈ Largest Black Slug
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 12.10:1 · APCA Lc 97
Ag
FailSobre preto
WCAG 1.73:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 12.10:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--deep-pond: #053f1d;
--deep-pond-rgb: 5 63 29;
--deep-pond-oklch: oklch(0.323 0.082 151.6);
}
.element {
color: var(--deep-pond);
background-color: hsl(145 85% 13%);
border-color: oklch(0.323 0.082 151.6);
}Tailwind CSS v4
@theme {
--color-deep-pond: #053f1d;
--color-deep-pond-50: #e4fceb;
--color-deep-pond-100: #d4f0db;
--color-deep-pond-200: #badfc4;
--color-deep-pond-300: #98c4a4;
--color-deep-pond-400: #7aad86;
--color-deep-pond-500: #5b966b;
--color-deep-pond-600: #4e7f5b;
--color-deep-pond-700: #3e6548;
--color-deep-pond-800: #2d4a33;
--color-deep-pond-900: #1e3423;
--color-deep-pond-950: #0e1f12;
}SCSS
$deep-pond: #053f1d;
$deep-pond-rgb: 5, 63, 29;
$deep-pond-light: mix(#fff, $deep-pond, 20%);
$deep-pond-dark: mix(#000, $deep-pond, 20%);
.element {
color: $deep-pond;
box-shadow: 0 0 0 2px rgba($deep-pond, 0.35);
}