Warna bernama · #F3DECE
Siren Song
Siren Song adalah #F3DECE: rgb(243 222 206), hsl(26 61% 88%), oklch(0.913 0.032 59.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Siren Song color name →
#F3DECE
oklch(0.913 0.032 59.7)
Konversi warna
- HEX
- #f3dece
- RGB
- rgb(243 222 206)
- HSL
- hsl(26 61% 88%)
- HWB
- hwb(26 81% 5%)
- OKLCH
- oklch(0.913 0.032 59.7)
- OKLab
- oklab(0.913 0.016 0.027)
- CIE Lab
- lab(89.88 5.56 10.63)
- LCH
- lch(89.88 12 62.4)
- CMYK
- cmyk(0% 9% 15% 5%)
Tint · Shade · Tone
Tint
- F4E1D3
- F5E5D8
- F7E8DD
- F8EBE2
- F9EEE6
- FAF2EB
- FCF5F0
- FDF8F5
- FEFCFA
Shade
- D3C1B3
- B4A598
- 97897F
- 7A6F66
- 5E554E
- 443D38
- 2B2623
- 14120F
- 030202
Tone
- E7D4C6
- DBCABE
- CFC1B6
- C4B7AE
- B8AEA6
- ACA59E
- A19B97
- 96928F
- 8B8988
Harmoni warna
Komplementer +180°
- F3DECE
Siren Song
- D0E6F6
≈ New Heights
Analog -30° +30°
- F3DECE
Siren Song
- F7DBD6
≈ Pale Shrimp
- EBE2CB
≈ Better Than Beige
Triadik +120° +240°
- F3DECE
Siren Song
- CDEAE3
≈ Source Blue
- E5DEF5
≈ Lingering Lilac
Split-komplementer +150° +210°
- F3DECE
Siren Song
- CBE9EE
≈ Summer Mist
- DAE2F8
≈ Aquarelle Purple
Tetradik +90° +180° +270°
- F3DECE
Siren Song
- D4E9D7
≈ Jade Mist
- D0E6F6
≈ New Heights
- EFDBED
≈ Maiden of the Mist
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.30:1 · APCA Lc 15
Ag
AAADi atas hitam
WCAG 16.15:1 · APCA Lc 89
Warna teks terbaik: #000000
WCAG 16.15:1 (AAA) · APCA Lc 89
Contrast pairs
Cuplikan kode
CSS
:root {
--siren-song: #f3dece;
--siren-song-rgb: 243 222 206;
--siren-song-oklch: oklch(0.913 0.032 59.7);
}
.element {
color: var(--siren-song);
background-color: hsl(26 61% 88%);
border-color: oklch(0.913 0.032 59.7);
}Tailwind CSS v4
@theme {
--color-siren-song: #f3dece;
--color-siren-song-50: #fcf3ec;
--color-siren-song-100: #f0e6dd;
--color-siren-song-200: #dfd2c7;
--color-siren-song-300: #c4b4a7;
--color-siren-song-400: #ad9a8c;
--color-siren-song-500: #968272;
--color-siren-song-600: #7f6e60;
--color-siren-song-700: #66584d;
--color-siren-song-800: #4b4038;
--color-siren-song-900: #342c26;
--color-siren-song-950: #201915;
}SCSS
$siren-song: #f3dece;
$siren-song-rgb: 243, 222, 206;
$siren-song-light: mix(#fff, $siren-song, 20%);
$siren-song-dark: mix(#000, $siren-song, 20%);
.element {
color: $siren-song;
box-shadow: 0 0 0 2px rgba($siren-song, 0.35);
}