Cor nomeada · #F6F7ED
Praxeti White
Praxeti White é #F6F7ED: rgb(246 247 237), hsl(66 38% 95%), oklch(0.973 0.013 111.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Praxeti White color name →
#F6F7ED
oklch(0.973 0.013 111.3)
Conversões de cor
- HEX
- #f6f7ed
- RGB
- rgb(246 247 237)
- HSL
- hsl(66 38% 95%)
- HWB
- hwb(66 93% 3%)
- OKLCH
- oklch(0.973 0.013 111.3)
- OKLab
- oklab(0.973 -0.005 0.012)
- CIE Lab
- lab(96.95 -1.63 4.7)
- LCH
- lch(96.95 4.98 109.2)
- CMYK
- cmyk(0% 0% 4% 3%)
Tons claros · Sombras · Tons
Tons claros
- F7F8EF
- F8F9F1
- F9F9F2
- FAFAF4
- FAFBF6
- FBFCF8
- FCFDFA
- FDFDFB
- FEFEFD
Sombras
- D6D7CE
- B7B7B0
- 989993
- 7B7C77
- 5F605C
- 454542
- 2C2C2A
- 151514
- 030303
Tons
- EAEAE2
- DDDED6
- D1D2CB
- C5C6C0
- B9BAB5
- ADAEAA
- A2A29F
- 969795
- 8B8B8A
Harmonias de cor
Complementar +180°
- F6F7ED
Praxeti White
- F6F5FF
≈ Sugar Crystal
Análoga -30° +30°
- F6F7ED
Praxeti White
- FBF5EC
≈ Placebo Orange
- F1F8F0
≈ Unwind
Tríade +120° +240°
- F6F7ED
Praxeti White
- EEF8FD
≈ Alice Blue
- FEF3F7
≈ Glimpse of Pink
Complementar dividida +150° +210°
- F6F7ED
Praxeti White
- F1F6FF
≈ Cotton Ball
- FAF3FB
≈ Sugar Crystal
Tétrade +90° +180° +270°
- F6F7ED
Praxeti White
- ECF9FA
≈ Aijiro White
- F6F5FF
≈ Sugar Crystal
- FFF3F2
≈ Coy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.07:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 19.44:1 · APCA Lc 102
Melhor cor de texto: #000000
WCAG 19.44:1 (AAA) · APCA Lc 102
Contrast pairs
Trechos de código
CSS
:root {
--praxeti-white: #f6f7ed;
--praxeti-white-rgb: 246 247 237;
--praxeti-white-oklch: oklch(0.973 0.013 111.3);
}
.element {
color: var(--praxeti-white);
background-color: hsl(66 38% 95%);
border-color: oklch(0.973 0.013 111.3);
}Tailwind CSS v4
@theme {
--color-praxeti-white: #f6f7ed;
--color-praxeti-white-50: #f5f5f1;
--color-praxeti-white-100: #e8e8e3;
--color-praxeti-white-200: #d4d5cf;
--color-praxeti-white-300: #b7b8b1;
--color-praxeti-white-400: #9e9f96;
--color-praxeti-white-500: #86877d;
--color-praxeti-white-600: #72726a;
--color-praxeti-white-700: #5b5b55;
--color-praxeti-white-800: #42433e;
--color-praxeti-white-900: #2e2e2a;
--color-praxeti-white-950: #1b1b18;
}SCSS
$praxeti-white: #f6f7ed;
$praxeti-white-rgb: 246, 247, 237;
$praxeti-white-light: mix(#fff, $praxeti-white, 20%);
$praxeti-white-dark: mix(#000, $praxeti-white, 20%);
.element {
color: $praxeti-white;
box-shadow: 0 0 0 2px rgba($praxeti-white, 0.35);
}