Color con nombre más cercano · #276459
#276459
Color con nombre más cercano: Terrestrial
#276459 (rgb(39 100 89), hsl(169 44% 27%), oklch(0.46 0.065 179.5)) se parece más al color con nombre Terrestrial. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#276459
oklch(0.46 0.065 179.5)
Conversiones de color
- HEX
- #276459
- RGB
- rgb(39 100 89)
- HSL
- hsl(169 44% 27%)
- HWB
- hwb(169 15% 61%)
- OKLCH
- oklch(0.46 0.065 179.5)
- OKLab
- oklab(0.46 -0.065 0.001)
- CIE Lab
- lab(38.19 -22.8 0.04)
- LCH
- lch(38.19 22.8 179.9)
- CMYK
- cmyk(61% 0% 11% 61%)
Tintes · Sombras · Tonos
Tintes
- 3E7268
- 548178
- 699087
- 7D9F98
- 92AFA8
- A8BEB9
- BDCECA
- D3DEDB
- E9EFED
Sombras
- 20564C
- 1A4840
- 143B34
- 0E2E28
- 08221D
- 041613
- 020B09
- 010303
- 000000
Tonos
- 32675D
- 3D6A61
- 466D64
- 4F6F68
- 57726C
- 607570
- 687874
- 707B78
- 787D7C
Armonías de color
Complementario +180°
- 276459
Terrestrial
- 764857
≈ Bewitching
Análogo -30° +30°
- 276459
Terrestrial
- 3D6244
≈ Cupidity
- 22626C
≈ Pacific
Triádico +120° +240°
- 276459
Terrestrial
- 5D5078
≈ Imperial Palace
- 734F31
≈ Chocolate Bells
Complementario dividido +150° +210°
- 276459
Terrestrial
- 6D4B6A
≈ Dirty Purple
- 784A42
≈ Sable
Tetrádico +90° +180° +270°
- 276459
Terrestrial
- 49567D
≈ Deep Indigo
- 764857
≈ Bewitching
- 66562A
≈ Uguisu Brown
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.87:1 · APCA Lc 84
Ag
FailSobre negro
WCAG 3.05:1 · APCA Lc 18
Mejor color de texto: #FFFFFF
WCAG 6.87:1 (AA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--terrestrial: #276459;
--terrestrial-rgb: 39 100 89;
--terrestrial-oklch: oklch(0.46 0.065 179.5);
}
.element {
color: var(--terrestrial);
background-color: hsl(169 44% 27%);
border-color: oklch(0.46 0.065 179.5);
}Tailwind CSS v4
@theme {
--color-terrestrial: #276459;
--color-terrestrial-50: #e2fcf6;
--color-terrestrial-100: #d1f0e9;
--color-terrestrial-200: #b7ded6;
--color-terrestrial-300: #93c3b9;
--color-terrestrial-400: #73ac9f;
--color-terrestrial-500: #519587;
--color-terrestrial-600: #467e72;
--color-terrestrial-700: #37655c;
--color-terrestrial-800: #284a42;
--color-terrestrial-900: #1b332e;
--color-terrestrial-950: #0b1f1a;
}SCSS
$terrestrial: #276459;
$terrestrial-rgb: 39, 100, 89;
$terrestrial-light: mix(#fff, $terrestrial, 20%);
$terrestrial-dark: mix(#000, $terrestrial, 20%);
.element {
color: $terrestrial;
box-shadow: 0 0 0 2px rgba($terrestrial, 0.35);
}