Màu có tên · #FFDAE8
Creamy Axolotl
Creamy Axolotl là #FFDAE8: rgb(255 218 232), hsl(337 100% 93%), oklch(0.923 0.045 353.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? → · Creamy Axolotl color name →
#FFDAE8
oklch(0.923 0.045 353.2)
Chuyển đổi màu
- HEX
- #ffdae8
- RGB
- rgb(255 218 232)
- HSL
- hsl(337 100% 93%)
- HWB
- hwb(337 85% 0%)
- OKLCH
- oklch(0.923 0.045 353.2)
- OKLab
- oklab(0.923 0.044 -0.005)
- CIE Lab
- lab(90.51 14.92 -1.86)
- LCH
- lch(90.51 15.04 352.9)
- CMYK
- cmyk(0% 15% 9% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFDEEA
- FFE1ED
- FFE5EF
- FFE9F1
- FFEDF3
- FFF0F6
- FFF4F8
- FFF8FA
- FFFBFD
Sắc đậm
- DEBDCA
- BEA2AC
- 9E8790
- 806C74
- 635459
- 483C40
- 2E2529
- 161113
- 030203
Sắc xám
- F2D1DD
- E5C7D2
- D8BEC8
- CBB5BD
- BEACB3
- B1A3A8
- A59A9E
- 989194
- 8C898A
Hòa sắc
Bổ túc +180°
- FFDAE8
Creamy Axolotl
- C8F0E3
≈ Summer House
Tương đồng -30° +30°
- FFDAE8
Creamy Axolotl
- F5DCF7
≈ Grape Taffy
- FFDCD9
≈ Tartlet
Bộ ba +120° +240°
- FFDAE8
Creamy Axolotl
- E5E9C8
≈ More Mint
- CAEBFF
≈ Blue Java Banana
Bổ túc chia +150° +210°
- FFDAE8
Creamy Axolotl
- D5EED3
≈ Light Frosty Dawn
- C4EFF3
≈ Icy Breeze
Bộ bốn +90° +180° +270°
- FFDAE8
Creamy Axolotl
- F4E4C5
≈ Sausalito
- C8F0E3
≈ Summer House
- D9E6FF
≈ Veiling Waterfalls
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.27:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.44:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.44:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--creamy-axolotl: #ffdae8;
--creamy-axolotl-rgb: 255 218 232;
--creamy-axolotl-oklch: oklch(0.923 0.045 353.2);
}
.element {
color: var(--creamy-axolotl);
background-color: hsl(337 100% 93%);
border-color: oklch(0.923 0.045 353.2);
}Tailwind CSS v4
@theme {
--color-creamy-axolotl: #ffdae8;
--color-creamy-axolotl-50: #fff0f6;
--color-creamy-axolotl-100: #f5e2e8;
--color-creamy-axolotl-200: #e5cdd5;
--color-creamy-axolotl-300: #cbaeb8;
--color-creamy-axolotl-400: #b594a0;
--color-creamy-axolotl-500: #9f7a89;
--color-creamy-axolotl-600: #866874;
--color-creamy-axolotl-700: #6b535c;
--color-creamy-axolotl-800: #4f3c44;
--color-creamy-axolotl-900: #37292f;
--color-creamy-axolotl-950: #22171c;
}SCSS
$creamy-axolotl: #ffdae8;
$creamy-axolotl-rgb: 255, 218, 232;
$creamy-axolotl-light: mix(#fff, $creamy-axolotl, 20%);
$creamy-axolotl-dark: mix(#000, $creamy-axolotl, 20%);
.element {
color: $creamy-axolotl;
box-shadow: 0 0 0 2px rgba($creamy-axolotl, 0.35);
}