Cor nomeada · #C0E2E1
Yù Shí Bái White
Yù Shí Bái White é #C0E2E1: rgb(192 226 225), hsl(178 37% 82%), oklch(0.888 0.036 194.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Yù Shí Bái White color name →
#C0E2E1
oklch(0.888 0.036 194.3)
Conversões de cor
- HEX
- #c0e2e1
- RGB
- rgb(192 226 225)
- HSL
- hsl(178 37% 82%)
- HWB
- hwb(178 75% 11%)
- OKLCH
- oklch(0.888 0.036 194.3)
- OKLab
- oklab(0.888 -0.035 -0.009)
- CIE Lab
- lab(87.39 -11.69 -3.45)
- LCH
- lch(87.39 12.19 196.4)
- CMYK
- cmyk(15% 0% 0% 11%)
Tons claros · Sombras · Tons
Tons claros
- C6E5E4
- CDE8E7
- D3EBEA
- D9EEED
- E0F1F0
- E6F3F3
- ECF6F6
- F2F9F9
- F9FCFC
Sombras
- A7C4C4
- 8EA8A7
- 768C8B
- 5F7170
- 495756
- 343E3E
- 202727
- 0E1212
- 020302
Tons
- BAD8D7
- B3CECD
- ADC4C3
- A6BAB9
- A0B0AF
- 99A6A6
- 939C9C
- 8D9393
- 868989
Harmonias de cor
Complementar +180°
- C0E2E1
Yù Shí Bái White
- F1D1D3
≈ Nursery
Análoga -30° +30°
- C0E2E1
Yù Shí Bái White
- C6E2D4
≈ Icy Mint
- C2E0EC
≈ Cotton Clouds
Tríade +120° +240°
- C0E2E1
Yù Shí Bái White
- E3D4EB
≈ Light Purity
- E9D7C1
≈ Laguna Beach
Complementar dividida +150° +210°
- C0E2E1
Yù Shí Bái White
- ECD1E0
≈ Light Favourite Lady
- F0D3C7
≈ Pink Sentiment
Tétrade +90° +180° +270°
- C0E2E1
Yù Shí Bái White
- D7D7F2
≈ Lavender Sky
- F1D1D3
≈ Nursery
- DDDCC1
≈ Panacea
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.20:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--yu-shi-bai-white: #c0e2e1;
--yu-shi-bai-white-rgb: 192 226 225;
--yu-shi-bai-white-oklch: oklch(0.888 0.036 194.3);
}
.element {
color: var(--yu-shi-bai-white);
background-color: hsl(178 37% 82%);
border-color: oklch(0.888 0.036 194.3);
}Tailwind CSS v4
@theme {
--color-yu-shi-bai-white: #c0e2e1;
--color-yu-shi-bai-white-50: #eaf9f8;
--color-yu-shi-bai-white-100: #dbecec;
--color-yu-shi-bai-white-200: #c4d9d9;
--color-yu-shi-bai-white-300: #a3bdbd;
--color-yu-shi-bai-white-400: #87a5a5;
--color-yu-shi-bai-white-500: #6b8e8d;
--color-yu-shi-bai-white-600: #5b7877;
--color-yu-shi-bai-white-700: #486060;
--color-yu-shi-bai-white-800: #344646;
--color-yu-shi-bai-white-900: #243130;
--color-yu-shi-bai-white-950: #121d1c;
}SCSS
$yu-shi-bai-white: #c0e2e1;
$yu-shi-bai-white-rgb: 192, 226, 225;
$yu-shi-bai-white-light: mix(#fff, $yu-shi-bai-white, 20%);
$yu-shi-bai-white-dark: mix(#000, $yu-shi-bai-white, 20%);
.element {
color: $yu-shi-bai-white;
box-shadow: 0 0 0 2px rgba($yu-shi-bai-white, 0.35);
}