Màu có tên · #EFCADA
Persian Delight
Persian Delight là #EFCADA: rgb(239 202 218), hsl(334 54% 86%), oklch(0.875 0.046 350.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Pink mean? → · Persian Delight color name →
#EFCADA
oklch(0.875 0.046 350.2)
Chuyển đổi màu
- HEX
- #efcada
- RGB
- rgb(239 202 218)
- HSL
- hsl(334 54% 86%)
- HWB
- hwb(334 79% 6%)
- OKLCH
- oklch(0.875 0.046 350.2)
- OKLab
- oklab(0.875 0.046 -0.008)
- CIE Lab
- lab(84.89 15.38 -2.85)
- LCH
- lch(84.89 15.64 349.5)
- CMYK
- cmyk(0% 15% 9% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F1CFDE
- F2D5E1
- F4DAE5
- F6DFE9
- F7E4EC
- F9EAF0
- FBEFF4
- FCF4F8
- FEFAFB
Sắc đậm
- D0AFBD
- B195A2
- 947C87
- 78646C
- 5C4D54
- 42373C
- 2A2225
- 140F11
- 030202
Sắc xám
- E3C2D1
- D8BBC7
- CDB3BE
- C1ACB5
- B6A4AC
- AB9DA3
- A0969A
- 958E91
- 8B8789
Hòa sắc
Bổ túc +180°
- EFCADA
Persian Delight
- B9E0D1
≈ Jade Sea
Tương đồng -30° +30°
- EFCADA
Persian Delight
- E4CDE9
≈ Footie Pyjamas
- F3CAC9
≈ Blushing Senorita
Bộ ba +120° +240°
- EFCADA
Persian Delight
- D7D9B6
≈ Kohlrabi Green
- B8DCEF
≈ Sky Wanderer
Bổ túc chia +150° +210°
- EFCADA
Persian Delight
- C6DEC1
≈ Shanghai Silk
- B3E0E2
≈ Fine Blue
Bộ bốn +90° +180° +270°
- EFCADA
Persian Delight
- E6D3B4
≈ Journal White
- B9E0D1
≈ Jade Sea
- C5D7F5
≈ Fly a Kite
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.48:1 · APCA Lc 23
Ag
AAATrên nền đen
WCAG 14.13:1 · APCA Lc 80
Màu chữ tốt nhất: #000000
WCAG 14.13:1 (AAA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--persian-delight: #efcada;
--persian-delight-rgb: 239 202 218;
--persian-delight-oklch: oklch(0.875 0.046 350.2);
}
.element {
color: var(--persian-delight);
background-color: hsl(334 54% 86%);
border-color: oklch(0.875 0.046 350.2);
}Tailwind CSS v4
@theme {
--color-persian-delight: #efcada;
--color-persian-delight-50: #fff0f6;
--color-persian-delight-100: #f5e2e9;
--color-persian-delight-200: #e5cdd6;
--color-persian-delight-300: #cbaeba;
--color-persian-delight-400: #b594a2;
--color-persian-delight-500: #9f7a8a;
--color-persian-delight-600: #866775;
--color-persian-delight-700: #6c525e;
--color-persian-delight-800: #4f3c45;
--color-persian-delight-900: #372930;
--color-persian-delight-950: #22171c;
}SCSS
$persian-delight: #efcada;
$persian-delight-rgb: 239, 202, 218;
$persian-delight-light: mix(#fff, $persian-delight, 20%);
$persian-delight-dark: mix(#000, $persian-delight, 20%);
.element {
color: $persian-delight;
box-shadow: 0 0 0 2px rgba($persian-delight, 0.35);
}