色名 · #CEDEE7
Fenrisian Grey
Fenrisian Greyは#CEDEE7：rgb(206 222 231)、hsl(202 34% 86%)、oklch(0.891 0.021 232.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Fenrisian Grey color name →
#CEDEE7
oklch(0.891 0.021 232.2)
カラー変換
- HEX
- #cedee7
- RGB
- rgb(206 222 231)
- HSL
- hsl(202 34% 86%)
- HWB
- hwb(202 81% 9%)
- OKLCH
- oklch(0.891 0.021 232.2)
- OKLab
- oklab(0.891 -0.013 -0.017)
- CIE Lab
- lab(87.46 -4.23 -6.35)
- LCH
- lch(87.46 7.63 236.3)
- CMYK
- cmyk(11% 4% 0% 9%)
ティント · シェード · トーン
ティント
- D3E1E9
- D8E5EC
- DDE8EE
- E1EBF1
- E6EEF3
- EBF2F5
- F0F5F8
- F5F8FA
- FAFCFD
シェード
- B3C1C9
- 98A5AB
- 7F898F
- 666F73
- 4E5559
- 383D40
- 232628
- 0F1213
- 020203
トーン
- C6D4DC
- BECAD2
- B6C1C7
- AEB7BD
- A6AEB2
- 9EA4A8
- 979B9E
- 8F9294
- 88898A
カラーハーモニー
補色 +180°
- CEDEE7
Fenrisian Grey
- E7D8CF
≈ Dance of the Goddesses
類似色 -30° +30°
- CEDEE7
Fenrisian Grey
- CCE0E1
≈ Beach Foam
- D4DCEA
≈ Morning Shower
トライアド +120° +240°
- CEDEE7
Fenrisian Grey
- E7D6DC
≈ Swiss Rose
- DBDDCD
≈ Light Soft Kind
スプリットコンプリメンタリー +150° +210°
- CEDEE7
Fenrisian Grey
- E9D6D5
≈ Light Youth
- E2DACC
≈ Albescent
テトラード +90° +180° +270°
- CEDEE7
Fenrisian Grey
- E2D7E4
≈ Flowers of May
- E7D8CF
≈ Dance of the Goddesses
- D4DFD2
≈ Fairest Jade
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.37:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.22:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.22:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--fenrisian-grey: #cedee7;
--fenrisian-grey-rgb: 206 222 231;
--fenrisian-grey-oklch: oklch(0.891 0.021 232.2);
}
.element {
color: var(--fenrisian-grey);
background-color: hsl(202 34% 86%);
border-color: oklch(0.891 0.021 232.2);
}Tailwind CSS v4
@theme {
--color-fenrisian-grey: #cedee7;
--color-fenrisian-grey-50: #f0f6fa;
--color-fenrisian-grey-100: #e1e9ee;
--color-fenrisian-grey-200: #ccd6dc;
--color-fenrisian-grey-300: #adb9c1;
--color-fenrisian-grey-400: #93a1a9;
--color-fenrisian-grey-500: #798992;
--color-fenrisian-grey-600: #66747b;
--color-fenrisian-grey-700: #525d63;
--color-fenrisian-grey-800: #3b4448;
--color-fenrisian-grey-900: #292f32;
--color-fenrisian-grey-950: #161b1e;
}SCSS
$fenrisian-grey: #cedee7;
$fenrisian-grey-rgb: 206, 222, 231;
$fenrisian-grey-light: mix(#fff, $fenrisian-grey, 20%);
$fenrisian-grey-dark: mix(#000, $fenrisian-grey, 20%);
.element {
color: $fenrisian-grey;
box-shadow: 0 0 0 2px rgba($fenrisian-grey, 0.35);
}