Warna bernama · #F9C0BE
Carnation Bloom
Carnation Bloom adalah #F9C0BE: rgb(249 192 190), hsl(2 83% 86%), oklch(0.858 0.066 20.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Carnation Bloom color name →
#F9C0BE
oklch(0.858 0.066 20.8)
Konversi warna
- HEX
- #f9c0be
- RGB
- rgb(249 192 190)
- HSL
- hsl(2 83% 86%)
- HWB
- hwb(2 75% 2%)
- OKLCH
- oklch(0.858 0.066 20.8)
- OKLab
- oklab(0.858 0.062 0.023)
- CIE Lab
- lab(82.91 20.85 9.32)
- LCH
- lch(82.91 22.84 24.1)
- CMYK
- cmyk(0% 23% 24% 2%)
Tint · Shade · Tone
Tint
- FAC6C4
- FBCDCB
- FCD3D1
- FDD9D8
- FDDFDE
- FEE6E5
- FEECEB
- FFF2F2
- FFF9F8
Shade
- D9A7A5
- B98E8C
- 9A7675
- 7D5F5E
- 614948
- 463433
- 2C201F
- 150E0D
- 030202
Tone
- EDB9B8
- E0B3B1
- D4ADAB
- C8A6A5
- BBA09F
- AF9998
- A39392
- 988D8C
- 8C8686
Harmoni warna
Komplementer +180°
- F9C0BE
Carnation Bloom
- 9DDEE2
≈ Pale Pastel
Analog -30° +30°
- F9C0BE
Carnation Bloom
- F3BFD6
≈ Cherry Blossom
- F5C5AA
≈ Peach Damask
Triadik +120° +240°
- F9C0BE
Carnation Bloom
- BADCB3
≈ A Mann’s Mint
- B8D2FC
≈ Ice Cold Stare
Split-komplementer +150° +210°
- F9C0BE
Carnation Bloom
- A5DFCB
≈ Meristem
- A5D9F4
≈ Soft Summer Rain
Tetradik +90° +180° +270°
- F9C0BE
Carnation Bloom
- D2D5A3
≈ Fresh Start
- 9DDEE2
≈ Pale Pastel
- D0CAF9
≈ Lavender Blue
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.57:1 · APCA Lc 26
Ag
AAADi atas hitam
WCAG 13.31:1 · APCA Lc 77
Warna teks terbaik: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
Cuplikan kode
CSS
:root {
--carnation-bloom: #f9c0be;
--carnation-bloom-rgb: 249 192 190;
--carnation-bloom-oklch: oklch(0.858 0.066 20.8);
}
.element {
color: var(--carnation-bloom);
background-color: hsl(2 83% 86%);
border-color: oklch(0.858 0.066 20.8);
}Tailwind CSS v4
@theme {
--color-carnation-bloom: #f9c0be;
--color-carnation-bloom-50: #ffeeec;
--color-carnation-bloom-100: #fde0de;
--color-carnation-bloom-200: #efcac7;
--color-carnation-bloom-300: #d7aba8;
--color-carnation-bloom-400: #c38f8e;
--color-carnation-bloom-500: #ae7573;
--color-carnation-bloom-600: #936362;
--color-carnation-bloom-700: #764f4e;
--color-carnation-bloom-800: #573939;
--color-carnation-bloom-900: #3d2727;
--color-carnation-bloom-950: #261515;
}SCSS
$carnation-bloom: #f9c0be;
$carnation-bloom-rgb: 249, 192, 190;
$carnation-bloom-light: mix(#fff, $carnation-bloom, 20%);
$carnation-bloom-dark: mix(#000, $carnation-bloom, 20%);
.element {
color: $carnation-bloom;
box-shadow: 0 0 0 2px rgba($carnation-bloom, 0.35);
}