色名 · #D0D8BE
Celery Satin
Celery Satinは#D0D8BE：rgb(208 216 190)、hsl(78 25% 80%)、oklch(0.869 0.036 121.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Celery Satin color name →
#D0D8BE
oklch(0.869 0.036 121.1)
カラー変換
- HEX
- #d0d8be
- RGB
- rgb(208 216 190)
- HSL
- hsl(78 25% 80%)
- HWB
- hwb(78 75% 15%)
- OKLCH
- oklch(0.869 0.036 121.1)
- OKLab
- oklab(0.869 -0.019 0.031)
- CIE Lab
- lab(85.19 -6.2 11.9)
- LCH
- lch(85.19 13.42 117.5)
- CMYK
- cmyk(4% 0% 12% 15%)
ティント · シェード · トーン
ティント
- D5DCC4
- D9E0CB
- DEE4D1
- E3E8D8
- E7EBDE
- ECEFE5
- F1F3EB
- F5F7F2
- FAFBF8
シェード
- B5BCA5
- 9AA08C
- 808575
- 676B5E
- 4F5348
- 393B33
- 23251F
- 10110D
- 020202
トーン
- C8CFB8
- BFC6B1
- B7BDAB
- AFB4A5
- A7AB9F
- 9FA298
- 979A92
- 8F918C
- 888886
カラーハーモニー
補色 +180°
- D0D8BE
Celery Satin
- D8CFE9
≈ Plum’s the Word
類似色 -30° +30°
- D0D8BE
Celery Satin
- DDD4BA
≈ Caraway Seeds
- C4DBC8
≈ Quintessential
トライアド +120° +240°
- D0D8BE
Celery Satin
- C0D8EA
≈ Light Blue Veil
- E9CBD2
≈ Pink Slipper
スプリットコンプリメンタリー +150° +210°
- D0D8BE
Celery Satin
- CBD3EC
≈ Garden Fairy
- E3CCDF
≈ Orchid Shimmer
テトラード +90° +180° +270°
- D0D8BE
Celery Satin
- BADBE1
≈ Tender Waves
- D8CFE9
≈ Plum’s the Word
- EBCCC6
≈ Pale Dogwood
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.47:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.24:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.24:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--celery-satin: #d0d8be;
--celery-satin-rgb: 208 216 190;
--celery-satin-oklch: oklch(0.869 0.036 121.1);
}
.element {
color: var(--celery-satin);
background-color: hsl(78 25% 80%);
border-color: oklch(0.869 0.036 121.1);
}Tailwind CSS v4
@theme {
--color-celery-satin: #d0d8be;
--color-celery-satin-50: #f3f7ec;
--color-celery-satin-100: #e5eadd;
--color-celery-satin-200: #d1d7c6;
--color-celery-satin-300: #b4bba7;
--color-celery-satin-400: #9ba28b;
--color-celery-satin-500: #828a70;
--color-celery-satin-600: #6e755f;
--color-celery-satin-700: #585e4c;
--color-celery-satin-800: #414436;
--color-celery-satin-900: #2d2f25;
--color-celery-satin-950: #1a1c14;
}SCSS
$celery-satin: #d0d8be;
$celery-satin-rgb: 208, 216, 190;
$celery-satin-light: mix(#fff, $celery-satin, 20%);
$celery-satin-dark: mix(#000, $celery-satin, 20%);
.element {
color: $celery-satin;
box-shadow: 0 0 0 2px rgba($celery-satin, 0.35);
}