色名 · #FFDAE8
Creamy Axolotl
Creamy Axolotlは#FFDAE8：rgb(255 218 232)、hsl(337 100% 93%)、oklch(0.923 0.045 353.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Creamy Axolotl color name →
#FFDAE8
oklch(0.923 0.045 353.2)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- FFDEEA
- FFE1ED
- FFE5EF
- FFE9F1
- FFEDF3
- FFF0F6
- FFF4F8
- FFF8FA
- FFFBFD
シェード
- DEBDCA
- BEA2AC
- 9E8790
- 806C74
- 635459
- 483C40
- 2E2529
- 161113
- 030203
トーン
- F2D1DD
- E5C7D2
- D8BEC8
- CBB5BD
- BEACB3
- B1A3A8
- A59A9E
- 989194
- 8C898A
カラーハーモニー
補色 +180°
- FFDAE8
Creamy Axolotl
- C8F0E3
≈ Summer House
類似色 -30° +30°
- FFDAE8
Creamy Axolotl
- F5DCF7
≈ Grape Taffy
- FFDCD9
≈ Tartlet
トライアド +120° +240°
- FFDAE8
Creamy Axolotl
- E5E9C8
≈ More Mint
- CAEBFF
≈ Blue Java Banana
スプリットコンプリメンタリー +150° +210°
- FFDAE8
Creamy Axolotl
- D5EED3
≈ Light Frosty Dawn
- C4EFF3
≈ Icy Breeze
テトラード +90° +180° +270°
- FFDAE8
Creamy Axolotl
- F4E4C5
≈ Sausalito
- C8F0E3
≈ Summer House
- D9E6FF
≈ Veiling Waterfalls
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.27:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.44:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.44:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
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);
}