Color con nombre más cercano · #00A9DE
#00A9DE
Color con nombre más cercano: Thalassophile
#00A9DE (rgb(0 169 222), hsl(194 100% 44%), oklch(0.688 0.137 229.7)) se parece más al color con nombre Thalassophile. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#00A9DE
oklch(0.688 0.137 229.7)
Conversiones de color
- HEX
- #00a9de
- RGB
- rgb(0 169 222)
- HSL
- hsl(194 100% 44%)
- HWB
- hwb(194 0% 13%)
- OKLCH
- oklch(0.688 0.137 229.7)
- OKLab
- oklab(0.688 -0.088 -0.104)
- CIE Lab
- lab(64.06 -23.17 -37.75)
- LCH
- lch(64.06 44.29 238.5)
- CMYK
- cmyk(100% 24% 0% 13%)
Tintes · Sombras · Tonos
Tintes
- 3DB2E2
- 5BBBE6
- 73C4E9
- 89CCED
- 9ED5F0
- B2DDF3
- C5E6F6
- D9EEF9
- ECF7FC
Sombras
- 0092C1
- 007CA5
- 006789
- 00536F
- 003F55
- 002C3D
- 001B26
- 000A12
- 000102
Tonos
- 2CA5D5
- 3FA1CB
- 4C9EC2
- 579AB8
- 6096AF
- 6891A6
- 6F8D9C
- 758993
- 7B8489
Armonías de color
Complementario +180°
- 00A9DE
Thalassophile
- DD7F46
≈ Seraphim Sepia
Análogo -30° +30°
- 00A9DE
Thalassophile
- 00B0B7
≈ Mermaid Treasure
- 669AEE
≈ Guilliman Blue
Triádico +120° +240°
- 00A9DE
Thalassophile
- D875A7
≈ Wild Orchid
- A1A128
≈ Forest Lichen
Complementario dividido +150° +210°
- 00A9DE
Thalassophile
- E27578
≈ Natural Candy Pink
- C78F19
≈ Festering Brown
Tetrádico +90° +180° +270°
- 00A9DE
Thalassophile
- BF7DCF
≈ Purple Kush
- DD7F46
≈ Seraphim Sepia
- 6BAF5A
≈ Techno Green
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.71:1 · APCA Lc 52
Ag
AAASobre negro
WCAG 7.72:1 · APCA Lc 50
Mejor color de texto: #000000
WCAG 7.72:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmentos de código
CSS
:root {
--thalassophile: #00a9de;
--thalassophile-rgb: 0 169 222;
--thalassophile-oklch: oklch(0.688 0.137 229.7);
}
.element {
color: var(--thalassophile);
background-color: hsl(194 100% 44%);
border-color: oklch(0.688 0.137 229.7);
}Tailwind CSS v4
@theme {
--color-thalassophile: #00a9de;
--color-thalassophile-50: #cffdff;
--color-thalassophile-100: #baf1ff;
--color-thalassophile-200: #97dfff;
--color-thalassophile-300: #67c4f1;
--color-thalassophile-400: #27acdf;
--color-thalassophile-500: #0094ce;
--color-thalassophile-600: #007eae;
--color-thalassophile-700: #00658c;
--color-thalassophile-800: #004a67;
--color-thalassophile-900: #003448;
--color-thalassophile-950: #001f2f;
}SCSS
$thalassophile: #00a9de;
$thalassophile-rgb: 0, 169, 222;
$thalassophile-light: mix(#fff, $thalassophile, 20%);
$thalassophile-dark: mix(#000, $thalassophile, 20%);
.element {
color: $thalassophile;
box-shadow: 0 0 0 2px rgba($thalassophile, 0.35);
}