最も近い色名 · #CFF0D6
#CFF0D6
最も近い色名: Jade Palace
#CFF0D6（rgb(207 240 214)、hsl(133 52% 88%)、oklch(0.924 0.049 151.6)）に最も近い色名はJade Palaceです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CFF0D6
oklch(0.924 0.049 151.6)
カラー変換
- HEX
- #cff0d6
- RGB
- rgb(207 240 214)
- HSL
- hsl(133 52% 88%)
- HWB
- hwb(133 81% 6%)
- OKLCH
- oklch(0.924 0.049 151.6)
- OKLab
- oklab(0.924 -0.043 0.023)
- CIE Lab
- lab(91.88 -14.78 8.83)
- LCH
- lch(91.88 17.22 149.1)
- CMYK
- cmyk(14% 0% 11% 6%)
ティント · シェード · トーン
ティント
- D4F2DA
- D9F3DE
- DEF5E2
- E2F6E6
- E7F8EA
- ECF9EF
- F1FBF3
- F5FCF7
- FAFEFB
シェード
- B4D1BA
- 99B29E
- 7F9584
- 67786A
- 4F5D52
- 38433B
- 232A25
- 101410
- 020302
トーン
- C7E4CD
- BFD9C4
- B7CDBB
- AFC2B3
- A7B6AA
- 9FABA1
- 97A099
- 8F9591
- 888B88
カラーハーモニー
補色 +180°
- CFF0D6
Jade Palace
- FADBF5
≈ Strawberry Frost
類似色 -30° +30°
- CFF0D6
Jade Palace
- E0ECC8
≈ Earth Happiness
- C3F1E8
≈ Light Water Wings
トライアド +120° +240°
- CFF0D6
Jade Palace
- DDE5FF
≈ Lavender Mist
- FFDDD6
≈ Peach Schnapps
スプリットコンプリメンタリー +150° +210°
- CFF0D6
Jade Palace
- EBE0FF
≈ Lavender Savour
- FFDBE4
≈ Pink Perfume
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.08:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--jade-palace: #cff0d6;
--jade-palace-rgb: 207 240 214;
--jade-palace-oklch: oklch(0.924 0.049 151.6);
}
.element {
color: var(--jade-palace);
background-color: hsl(133 52% 88%);
border-color: oklch(0.924 0.049 151.6);
}Tailwind CSS v4
@theme {
--color-jade-palace: #cff0d6;
--color-jade-palace-50: #ebfaef;
--color-jade-palace-100: #dcede0;
--color-jade-palace-200: #c5dbcb;
--color-jade-palace-300: #a5bfac;
--color-jade-palace-400: #8aa790;
--color-jade-palace-500: #6e9076;
--color-jade-palace-600: #5e7a64;
--color-jade-palace-700: #4b6150;
--color-jade-palace-800: #374739;
--color-jade-palace-900: #253127;
--color-jade-palace-950: #141d15;
}SCSS
$jade-palace: #cff0d6;
$jade-palace-rgb: 207, 240, 214;
$jade-palace-light: mix(#fff, $jade-palace, 20%);
$jade-palace-dark: mix(#000, $jade-palace, 20%);
.element {
color: $jade-palace;
box-shadow: 0 0 0 2px rgba($jade-palace, 0.35);
}