Color con nombre más cercano · #00B0EF
#00B0EF
Color con nombre más cercano: Thalassophile
#00B0EF (rgb(0 176 239), hsl(196 100% 47%), oklch(0.713 0.148 233.2)) 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.
#00B0EF
oklch(0.713 0.148 233.2)
Conversiones de color
- HEX
- #00b0ef
- RGB
- rgb(0 176 239)
- HSL
- hsl(196 100% 47%)
- HWB
- hwb(196 0% 6%)
- OKLCH
- oklch(0.713 0.148 233.2)
- OKLab
- oklab(0.713 -0.088 -0.118)
- CIE Lab
- lab(66.79 -21.59 -42.77)
- LCH
- lch(66.79 47.92 243.2)
- CMYK
- cmyk(100% 26% 0% 6%)
Tintes · Sombras · Tonos
Tintes
- 3FB8F1
- 5CC1F3
- 75C9F5
- 8BD1F7
- 9FD9F9
- B3E1FA
- C7E8FC
- DAF0FD
- ECF8FE
Sombras
- 0099D0
- 0082B1
- 006C94
- 005678
- 00425C
- 002E42
- 001C2A
- 000B14
- 000103
Tonos
- 2DACE4
- 40A7D9
- 4EA2CD
- 599EC2
- 6299B7
- 6994AC
- 708FA1
- 768A96
- 7B858B
Armonías de color
Complementario +180°
- 00B0EF
Thalassophile
- E8853E
≈ Flamenco
Análogo -30° +30°
- 00B0EF
Thalassophile
- 00B8C4
≈ Lago Blue
- 71A0FE
≈ Âbi Blue
Triádico +120° +240°
- 00B0EF
Thalassophile
- E778AA
≈ Pinking. Fast and Slow
- A3AB26
≈ Honey and Thyme
Complementario dividido +150° +210°
- 00B0EF
Thalassophile
- F07976
≈ You’re Blushing
- CE9800
≈ Leopard
Tetrádico +90° +180° +270°
- 00B0EF
Thalassophile
- CE80D7
≈ Lavender Perceptions
- E8853E
≈ Flamenco
- 65B962
≈ Forest Fern
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.48:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.45:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.45:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--thalassophile: #00b0ef;
--thalassophile-rgb: 0 176 239;
--thalassophile-oklch: oklch(0.713 0.148 233.2);
}
.element {
color: var(--thalassophile);
background-color: hsl(196 100% 47%);
border-color: oklch(0.713 0.148 233.2);
}Tailwind CSS v4
@theme {
--color-thalassophile: #00b0ef;
--color-thalassophile-50: #cdfdff;
--color-thalassophile-100: #b8f1ff;
--color-thalassophile-200: #94dfff;
--color-thalassophile-300: #63c3f8;
--color-thalassophile-400: #19ace7;
--color-thalassophile-500: #0093d7;
--color-thalassophile-600: #007db5;
--color-thalassophile-700: #006492;
--color-thalassophile-800: #004a6c;
--color-thalassophile-900: #00334c;
--color-thalassophile-950: #001f32;
}SCSS
$thalassophile: #00b0ef;
$thalassophile-rgb: 0, 176, 239;
$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);
}