Color con nombre · #F0DFCD
Corallite
Corallite es #F0DFCD: rgb(240 223 205), hsl(31 54% 87%), oklch(0.913 0.031 69). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Corallite color name →
#F0DFCD
oklch(0.913 0.031 69)
Conversiones de color
- HEX
- #f0dfcd
- RGB
- rgb(240 223 205)
- HSL
- hsl(31 54% 87%)
- HWB
- hwb(31 80% 6%)
- OKLCH
- oklch(0.913 0.031 69)
- OKLab
- oklab(0.913 0.011 0.028)
- CIE Lab
- lab(89.85 3.87 11.06)
- LCH
- lch(89.85 11.72 70.7)
- CMYK
- cmyk(0% 7% 15% 6%)
Tintes · Sombras · Tonos
Tintes
- F2E2D2
- F3E5D7
- F5E9DC
- F6ECE1
- F8EFE6
- F9F2EB
- FBF5F0
- FCF9F5
- FEFCFA
Sombras
- D1C2B2
- B2A598
- 958A7E
- 786F66
- 5D564E
- 433D38
- 2A2723
- 14120F
- 030202
Tonos
- E4D5C5
- D9CBBD
- CDC2B5
- C2B8AE
- B6AEA6
- ABA59E
- A09C96
- 95928F
- 8B8987
Armonías de color
Complementario +180°
- F0DFCD
Corallite
- D3E4F6
≈ Weathered Blue
Análogo -30° +30°
- F0DFCD
Corallite
- F5DCD3
≈ Air-Kiss
- E7E3CC
≈ Nylon
Triádico +120° +240°
- F0DFCD
Corallite
- CCE9E6
≈ Frosty White Blue
- E8DDF2
≈ Lingering Lilac
Complementario dividido +150° +210°
- F0DFCD
Corallite
- CDE7F0
≈ First Frost
- DDE1F7
≈ Lower Lavender
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre negro
WCAG 16.14:1 · APCA Lc 89
Mejor color de texto: #000000
WCAG 16.14:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmentos de código
CSS
:root {
--corallite: #f0dfcd;
--corallite-rgb: 240 223 205;
--corallite-oklch: oklch(0.913 0.031 69);
}
.element {
color: var(--corallite);
background-color: hsl(31 54% 87%);
border-color: oklch(0.913 0.031 69);
}Tailwind CSS v4
@theme {
--color-corallite: #f0dfcd;
--color-corallite-50: #fbf4ec;
--color-corallite-100: #efe6dd;
--color-corallite-200: #ddd2c7;
--color-corallite-300: #c2b5a7;
--color-corallite-400: #ab9c8c;
--color-corallite-500: #948371;
--color-corallite-600: #7d6f60;
--color-corallite-700: #64594c;
--color-corallite-800: #4a4137;
--color-corallite-900: #332c26;
--color-corallite-950: #1f1a14;
}SCSS
$corallite: #f0dfcd;
$corallite-rgb: 240, 223, 205;
$corallite-light: mix(#fff, $corallite, 20%);
$corallite-dark: mix(#000, $corallite, 20%);
.element {
color: $corallite;
box-shadow: 0 0 0 2px rgba($corallite, 0.35);
}