Cor nomeada mais próxima · #FAF5FF
#FAF5FF
Cor nomeada mais próxima: Cloud Break
#FAF5FF (rgb(250 245 255), hsl(270 100% 98%), oklch(0.977 0.014 308.3)) é mais próxima da cor nomeada Cloud Break. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FAF5FF
oklch(0.977 0.014 308.3)
Conversões de cor
- HEX
- #faf5ff
- RGB
- rgb(250 245 255)
- HSL
- hsl(270 100% 98%)
- HWB
- hwb(270 96% 0%)
- OKLCH
- oklch(0.977 0.014 308.3)
- OKLab
- oklab(0.977 0.009 -0.011)
- CIE Lab
- lab(97.14 3.04 -4.19)
- LCH
- lch(97.14 5.18 306)
- CMYK
- cmyk(2% 4% 0% 0%)
Tons claros · Sombras · Tons
Tons claros
- FAF6FF
- FBF7FF
- FBF8FF
- FCF9FF
- FCFAFF
- FDFBFF
- FDFCFF
- FEFDFF
- FEFEFF
Sombras
- D9D5DE
- BAB6BE
- 9B989E
- 7D7B80
- 615F63
- 464448
- 2D2B2E
- 151516
- 030303
Tons
- EDE9F2
- E0DDE4
- D4D0D7
- C7C5CA
- BBB9BE
- AFADB1
- A3A2A4
- 979698
- 8B8B8C
Harmonias de cor
Complementar +180°
- FAF5FF
Cloud Break
- F4F9EF
≈ Unwind
Análoga -30° +30°
- FAF5FF
Cloud Break
- F5F7FF
≈ Mā White
- FEF4FB
≈ Walkie Chalkie
Tríade +120° +240°
- FAF5FF
Cloud Break
- FEF6ED
≈ Fatback
- EDFBF9
≈ Cold White
Complementar dividida +150° +210°
- FAF5FF
Cloud Break
- FAF8ED
≈ White Crest
- F0FAF4
≈ Peaceful Rain
Tétrade +90° +180° +270°
- FAF5FF
Cloud Break
- FFF5F2
≈ Pink Diminishing
- F4F9EF
≈ Unwind
- EDFAFE
≈ Alice Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.07:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 19.56:1 · APCA Lc 102
Melhor cor de texto: #000000
WCAG 19.56:1 (AAA) · APCA Lc 102
Contrast pairs
Trechos de código
CSS
:root {
--cloud-break: #faf5ff;
--cloud-break-rgb: 250 245 255;
--cloud-break-oklch: oklch(0.977 0.014 308.3);
}
.element {
color: var(--cloud-break);
background-color: hsl(270 100% 98%);
border-color: oklch(0.977 0.014 308.3);
}Tailwind CSS v4
@theme {
--color-cloud-break: #faf5ff;
--color-cloud-break-50: #f6f4f8;
--color-cloud-break-100: #e9e7eb;
--color-cloud-break-200: #d6d3d9;
--color-cloud-break-300: #bab5bd;
--color-cloud-break-400: #a19ca5;
--color-cloud-break-500: #89848e;
--color-cloud-break-600: #747078;
--color-cloud-break-700: #5d5960;
--color-cloud-break-800: #434146;
--color-cloud-break-900: #2f2d31;
--color-cloud-break-950: #1b1a1d;
}SCSS
$cloud-break: #faf5ff;
$cloud-break-rgb: 250, 245, 255;
$cloud-break-light: mix(#fff, $cloud-break, 20%);
$cloud-break-dark: mix(#000, $cloud-break, 20%);
.element {
color: $cloud-break;
box-shadow: 0 0 0 2px rgba($cloud-break, 0.35);
}