色名 · #C4CD87
Soft Celery
Soft Celeryは#C4CD87：rgb(196 205 135)、hsl(68 41% 67%)、oklch(0.825 0.092 114.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Soft Celery color name →
#C4CD87
oklch(0.825 0.092 114.4)
カラー変換
- HEX
- #c4cd87
- RGB
- rgb(196 205 135)
- HSL
- hsl(68 41% 67%)
- HWB
- hwb(68 53% 20%)
- OKLCH
- oklch(0.825 0.092 114.4)
- OKLab
- oklab(0.825 -0.038 0.084)
- CIE Lab
- lab(80.47 -11.33 33.82)
- LCH
- lch(80.47 35.67 108.5)
- CMYK
- cmyk(4% 0% 34% 20%)
ティント · シェード · トーン
ティント
- CAD293
- CFD7A0
- D5DCAC
- DBE1B8
- E1E6C4
- E7EBD0
- EDF0DB
- F3F5E7
- F9FAF3
シェード
- AAB275
- 919863
- 787E51
- 616641
- 4A4E31
- 353821
- 212313
- 0E0F06
- 020201
トーン
- BDC587
- B6BD87
- AFB586
- A8AE86
- A1A685
- 9A9E85
- 949784
- 8D8F83
- 868881
カラーハーモニー
補色 +180°
- C4CD87
Soft Celery
- C9BAFC
≈ Lavender Tonic
類似色 -30° +30°
- C4CD87
Soft Celery
- E2C17F
≈ Chalky
- A1D6A0
≈ Green Trance
トライアド +120° +240°
- C4CD87
Soft Celery
- 88D0F9
≈ Drift on the Sea
- F6ADC9
≈ Nadeshiko Pink
スプリットコンプリメンタリー +150° +210°
- C4CD87
Soft Celery
- AAC6FF
≈ Night Snow
- E4B2E7
≈ Land of Dreams
テトラード +90° +180° +270°
- C4CD87
Soft Celery
- 77D7E1
≈ Aquamarine Blue
- C9BAFC
≈ Lavender Tonic
- FCAFA8
≈ Apricot Blush
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.68:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.42:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--soft-celery: #c4cd87;
--soft-celery-rgb: 196 205 135;
--soft-celery-oklch: oklch(0.825 0.092 114.4);
}
.element {
color: var(--soft-celery);
background-color: hsl(68 41% 67%);
border-color: oklch(0.825 0.092 114.4);
}Tailwind CSS v4
@theme {
--color-soft-celery: #c4cd87;
--color-soft-celery-50: #f3f9dc;
--color-soft-celery-100: #e6ecca;
--color-soft-celery-200: #d1daad;
--color-soft-celery-300: #b4be88;
--color-soft-celery-400: #9da564;
--color-soft-celery-500: #858d41;
--color-soft-celery-600: #707738;
--color-soft-celery-700: #5a602c;
--color-soft-celery-800: #43461e;
--color-soft-celery-900: #2e3013;
--color-soft-celery-950: #1b1c05;
}SCSS
$soft-celery: #c4cd87;
$soft-celery-rgb: 196, 205, 135;
$soft-celery-light: mix(#fff, $soft-celery, 20%);
$soft-celery-dark: mix(#000, $soft-celery, 20%);
.element {
color: $soft-celery;
box-shadow: 0 0 0 2px rgba($soft-celery, 0.35);
}