Color con nombre más cercano · #053F1D
#053F1D
Color con nombre más cercano: Deep Pond
#053F1D (rgb(5 63 29), hsl(145 85% 13%), oklch(0.323 0.082 151.6)) se parece más al color con nombre Deep Pond. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#053F1D
oklch(0.323 0.082 151.6)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 235031
- 3B6245
- 52755A
- 698770
- 819A86
- 99AE9D
- B2C2B5
- CBD6CD
- E5EAE6
Sombras
- 043518
- 032C13
- 02230E
- 011B09
- 011205
- 000A03
- 000401
- 000100
- 000000
Tonos
- 174527
- 254C30
- 31523A
- 3C5943
- 485F4D
- 536657
- 5E6C61
- 69736B
- 757976
Armonías de color
Complementario +180°
- 053F1D
Deep Pond
- 4B2246
≈ Opulent Mauve
Análogo -30° +30°
- 053F1D
Deep Pond
- 2E3900
≈ Wasabi Nori
- 003D36
≈ Night Turquoise
Triádico +120° +240°
- 053F1D
Deep Pond
- 252F5D
≈ Underwater Realm
- 562117
≈ Peaty Brown
Complementario dividido +150° +210°
- 053F1D
Deep Pond
- 3C2856
≈ Parachute Purple
- 541F31
≈ Largest Black Slug
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 12.10:1 · APCA Lc 97
Ag
FailSobre negro
WCAG 1.73:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 12.10:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos 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);
}