Color con nombre · #B3CDBF
Tyrol
Tyrol es #B3CDBF: rgb(179 205 191), hsl(148 21% 75%), oklch(0.825 0.034 162.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Tyrol color name →
#B3CDBF
oklch(0.825 0.034 162.1)
Conversiones de color
- HEX
- #b3cdbf
- RGB
- rgb(179 205 191)
- HSL
- hsl(148 21% 75%)
- HWB
- hwb(148 70% 20%)
- OKLCH
- oklch(0.825 0.034 162.1)
- OKLab
- oklab(0.825 -0.032 0.01)
- CIE Lab
- lab(80.15 -11.1 3.89)
- LCH
- lch(80.15 11.76 160.7)
- CMYK
- cmyk(13% 0% 7% 20%)
Tintes · Sombras · Tonos
Tintes
- BAD2C5
- C2D7CC
- CADCD2
- D1E1D8
- D9E6DF
- E0EBE5
- E8F0EB
- F0F5F2
- F7FAF8
Sombras
- 9BB2A6
- 84988D
- 6E7E75
- 58665E
- 434E48
- 2F3833
- 1D231F
- 0C0F0D
- 010202
Tonos
- AEC5B9
- A9BDB2
- A4B5AC
- 9EADA5
- 99A69F
- 949E99
- 8F9692
- 8A8F8C
- 858786
Armonías de color
Complementario +180°
- B3CDBF
Tyrol
- D6BDCC
≈ Pale Petals
Análogo -30° +30°
Triádico +120° +240°
- B3CDBF
Tyrol
- C2C4DC
≈ Violet Sweet Pea
- DABFB5
≈ Peach Blush
Complementario dividido +150° +210°
- B3CDBF
Tyrol
- CDC0D6
≈ Awesome Aura
- DBBDC0
≈ Shy Smile
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.40:1 · APCA Lc 73
Mejor color de texto: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmentos de código
CSS
:root {
--tyrol: #b3cdbf;
--tyrol-rgb: 179 205 191;
--tyrol-oklch: oklch(0.825 0.034 162.1);
}
.element {
color: var(--tyrol);
background-color: hsl(148 21% 75%);
border-color: oklch(0.825 0.034 162.1);
}Tailwind CSS v4
@theme {
--color-tyrol: #b3cdbf;
--color-tyrol-50: #edf8f2;
--color-tyrol-100: #deece5;
--color-tyrol-200: #c8d9d0;
--color-tyrol-300: #a8bdb3;
--color-tyrol-400: #8da598;
--color-tyrol-500: #738e7f;
--color-tyrol-600: #61786c;
--color-tyrol-700: #4e6056;
--color-tyrol-800: #38463e;
--color-tyrol-900: #27312b;
--color-tyrol-950: #151d18;
}SCSS
$tyrol: #b3cdbf;
$tyrol-rgb: 179, 205, 191;
$tyrol-light: mix(#fff, $tyrol, 20%);
$tyrol-dark: mix(#000, $tyrol, 20%);
.element {
color: $tyrol;
box-shadow: 0 0 0 2px rgba($tyrol, 0.35);
}