Cor nomeada · #F2E5E0
Song Thrush Egg
Song Thrush Egg é #F2E5E0: rgb(242 229 224), hsl(17 41% 91%), oklch(0.931 0.016 42.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Song Thrush Egg color name →
#F2E5E0
oklch(0.931 0.016 42.4)
Conversões de cor
- HEX
- #f2e5e0
- RGB
- rgb(242 229 224)
- HSL
- hsl(17 41% 91%)
- HWB
- hwb(17 88% 5%)
- OKLCH
- oklch(0.931 0.016 42.4)
- OKLab
- oklab(0.931 0.012 0.011)
- CIE Lab
- lab(91.88 3.94 4.11)
- LCH
- lch(91.88 5.69 46.2)
- CMYK
- cmyk(0% 5% 7% 5%)
Tons claros · Sombras · Tons
Tons claros
- F3E8E3
- F5EAE6
- F6EDE9
- F7EFEC
- F9F2EF
- FAF5F3
- FBF7F6
- FCFAF9
- FEFCFC
Sombras
- D2C7C3
- B4AAA6
- 968E8A
- 797270
- 5E5856
- 433F3E
- 2B2827
- 141212
- 030302
Tons
- E6DAD6
- DAD0CC
- CEC6C2
- C3BBB8
- B7B1AF
- ACA7A5
- A19D9C
- 969392
- 8B8A89
Harmonias de cor
Complementar +180°
- F2E5E0
Song Thrush Egg
- DDEBF0
≈ Prelude
Análoga -30° +30°
- F2E5E0
Song Thrush Egg
- F2E4E5
≈ Gaiety
- EFE7DD
≈ White Linen
Tríade +120° +240°
- F2E5E0
Song Thrush Egg
- DFECE5
≈ Delicate Mist
- E6E7F3
≈ Lavender Syrup
Complementar dividida +150° +210°
- F2E5E0
Song Thrush Egg
- DDECEB
≈ Roman White
- E1E9F3
≈ Harbour Afternoon
Tétrade +90° +180° +270°
- F2E5E0
Song Thrush Egg
- E4EBE0
≈ Window Pane
- DDEBF0
≈ Prelude
- ECE5F0
≈ Tranquil Eve
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.23:1 · APCA Lc 11
Ag
AAASobre preto
WCAG 17.05:1 · APCA Lc 93
Melhor cor de texto: #000000
WCAG 17.05:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
CSS
:root {
--song-thrush-egg: #f2e5e0;
--song-thrush-egg-rgb: 242 229 224;
--song-thrush-egg-oklch: oklch(0.931 0.016 42.4);
}
.element {
color: var(--song-thrush-egg);
background-color: hsl(17 41% 91%);
border-color: oklch(0.931 0.016 42.4);
}Tailwind CSS v4
@theme {
--color-song-thrush-egg: #f2e5e0;
--color-song-thrush-egg-50: #f9f4f1;
--color-song-thrush-egg-100: #ede6e4;
--color-song-thrush-egg-200: #dad2cf;
--color-song-thrush-egg-300: #bfb5b1;
--color-song-thrush-egg-400: #a79c97;
--color-song-thrush-egg-500: #90837e;
--color-song-thrush-egg-600: #7a6f6b;
--color-song-thrush-egg-700: #615955;
--color-song-thrush-egg-800: #47413e;
--color-song-thrush-egg-900: #312d2b;
--color-song-thrush-egg-950: #1d1a18;
}SCSS
$song-thrush-egg: #f2e5e0;
$song-thrush-egg-rgb: 242, 229, 224;
$song-thrush-egg-light: mix(#fff, $song-thrush-egg, 20%);
$song-thrush-egg-dark: mix(#000, $song-thrush-egg, 20%);
.element {
color: $song-thrush-egg;
box-shadow: 0 0 0 2px rgba($song-thrush-egg, 0.35);
}