Color con nombre · #27ACE0
Royal Peacock
Royal Peacock es #27ACE0: rgb(39 172 224), hsl(197 75% 52%), oklch(0.7 0.131 230.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Royal Peacock color name →
#27ACE0
oklch(0.7 0.131 230.5)
Conversiones de color
- HEX
- #27ace0
- RGB
- rgb(39 172 224)
- HSL
- hsl(197 75% 52%)
- HWB
- hwb(197 15% 12%)
- OKLCH
- oklch(0.7 0.131 230.5)
- OKLab
- oklab(0.7 -0.083 -0.101)
- CIE Lab
- lab(65.39 -21.96 -36.74)
- LCH
- lch(65.39 42.8 239.1)
- CMYK
- cmyk(83% 23% 0% 12%)
Tintes · Sombras · Tonos
Tintes
- 4AB5E4
- 64BDE7
- 7AC6EA
- 8ECEEE
- A2D6F1
- B5DFF4
- C8E7F7
- DAEFFA
- EDF7FC
Sombras
- 2095C3
- 1A7FA6
- 14698A
- 0E5470
- 084056
- 042D3E
- 021B27
- 010B12
- 000102
Tonos
- 3BA8D6
- 49A4CD
- 549FC3
- 5D9BB9
- 6497B0
- 6B92A6
- 718E9D
- 778993
- 7C858A
Armonías de color
Complementario +180°
- 27ACE0
Royal Peacock
- DE844D
≈ Schnipo
Análogo -30° +30°
- 27ACE0
Royal Peacock
- 00B4BC
≈ Marrakech Mile
- 6E9EEF
≈ Feather Star
Triádico +120° +240°
- 27ACE0
Royal Peacock
- DA7AA9
≈ Wild Orchid
- A3A537
≈ Mikado Green
Complementario dividido +150° +210°
- 27ACE0
Royal Peacock
- E47A7B
≈ Lively Coral
- C8942A
≈ Tawny Olive
Tetrádico +90° +180° +270°
- 27ACE0
Royal Peacock
- C382D0
≈ Purception
- DE844D
≈ Schnipo
- 6FB262
≈ Boring Green
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.60:1 · APCA Lc 50
Ag
AAASobre negro
WCAG 8.06:1 · APCA Lc 52
Mejor color de texto: #000000
WCAG 8.06:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmentos de código
CSS
:root {
--royal-peacock: #27ace0;
--royal-peacock-rgb: 39 172 224;
--royal-peacock-oklch: oklch(0.7 0.131 230.5);
}
.element {
color: var(--royal-peacock);
background-color: hsl(197 75% 52%);
border-color: oklch(0.7 0.131 230.5);
}Tailwind CSS v4
@theme {
--color-royal-peacock: #27ace0;
--color-royal-peacock-50: #d1fdff;
--color-royal-peacock-100: #bdf0ff;
--color-royal-peacock-200: #9bdfff;
--color-royal-peacock-300: #6dc3ef;
--color-royal-peacock-400: #35acdd;
--color-royal-peacock-500: #0094cc;
--color-royal-peacock-600: #007dac;
--color-royal-peacock-700: #00648a;
--color-royal-peacock-800: #004a66;
--color-royal-peacock-900: #003348;
--color-royal-peacock-950: #001f2f;
}SCSS
$royal-peacock: #27ace0;
$royal-peacock-rgb: 39, 172, 224;
$royal-peacock-light: mix(#fff, $royal-peacock, 20%);
$royal-peacock-dark: mix(#000, $royal-peacock, 20%);
.element {
color: $royal-peacock;
box-shadow: 0 0 0 2px rgba($royal-peacock, 0.35);
}