Nazwany kolor · #EFC0CB
Azalea Flower
Azalea Flower to #EFC0CB: rgb(239 192 203), hsl(346 59% 85%), oklch(0.852 0.055 2.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Azalea Flower color name →
#EFC0CB
oklch(0.852 0.055 2.7)
Konwersje koloru
- HEX
- #efc0cb
- RGB
- rgb(239 192 203)
- HSL
- hsl(346 59% 85%)
- HWB
- hwb(346 75% 6%)
- OKLCH
- oklch(0.852 0.055 2.7)
- OKLab
- oklab(0.852 0.055 0.003)
- CIE Lab
- lab(82.17 18.57 1.19)
- LCH
- lch(82.17 18.61 3.7)
- CMYK
- cmyk(0% 20% 15% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1C6D0
- F3CDD5
- F4D3DA
- F6D9E0
- F8DFE5
- F9E6EA
- FBECEF
- FCF2F4
- FEF9FA
Odcienie ciemniejsze
- D0A7B0
- B18E96
- 94767D
- 785F65
- 5C494D
- 423437
- 2A2022
- 140E0F
- 030202
Tony
- E4B9C3
- D8B3BC
- CDACB4
- C2A6AC
- B6A0A5
- AB999D
- A09396
- 968D8E
- 8B8687
Harmonie kolorów
Komplementarna +180°
- EFC0CB
Azalea Flower
- A7DBD1
≈ Lolly Ice
Analogowa -30° +30°
- EFC0CB
Azalea Flower
- E5C2DE
≈ Sweet Alyssum
- F1C2B8
≈ New Clay
Triada +120° +240°
- EFC0CB
Azalea Flower
- C8D5AD
≈ Pistachio Pudding
- B0D4F0
≈ Chapel Blue
Komplementarna rozszczepiona +150° +210°
- EFC0CB
Azalea Flower
- B4DABD
≈ Ice Mist
- A5D9E4
≈ Atlantic Ocean
Tetrada +90° +180° +270°
- EFC0CB
Azalea Flower
- DBCEA6
≈ Stonebread
- A7DBD1
≈ Lolly Ice
- C2CDF4
≈ Frost Fairy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.60:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.07:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--azalea-flower: #efc0cb;
--azalea-flower-rgb: 239 192 203;
--azalea-flower-oklch: oklch(0.852 0.055 2.7);
}
.element {
color: var(--azalea-flower);
background-color: hsl(346 59% 85%);
border-color: oklch(0.852 0.055 2.7);
}Tailwind CSS v4
@theme {
--color-azalea-flower: #efc0cb;
--color-azalea-flower-50: #ffeff3;
--color-azalea-flower-100: #f9e1e5;
--color-azalea-flower-200: #eacbd1;
--color-azalea-flower-300: #d1acb4;
--color-azalea-flower-400: #bc919b;
--color-azalea-flower-500: #a67783;
--color-azalea-flower-600: #8c656f;
--color-azalea-flower-700: #715158;
--color-azalea-flower-800: #533a41;
--color-azalea-flower-900: #3a282d;
--color-azalea-flower-950: #24161a;
}SCSS
$azalea-flower: #efc0cb;
$azalea-flower-rgb: 239, 192, 203;
$azalea-flower-light: mix(#fff, $azalea-flower, 20%);
$azalea-flower-dark: mix(#000, $azalea-flower, 20%);
.element {
color: $azalea-flower;
box-shadow: 0 0 0 2px rgba($azalea-flower, 0.35);
}