色名 · #B5D9E5
Fresh Dawn
Fresh Dawnは#B5D9E5：rgb(181 217 229)、hsl(195 48% 80%)、oklch(0.863 0.041 220)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Fresh Dawn color name →
#B5D9E5
oklch(0.863 0.041 220)
カラー変換
- HEX
- #b5d9e5
- RGB
- rgb(181 217 229)
- HSL
- hsl(195 48% 80%)
- HWB
- hwb(195 71% 10%)
- OKLCH
- oklch(0.863 0.041 220)
- OKLab
- oklab(0.863 -0.032 -0.027)
- CIE Lab
- lab(84.37 -10.35 -10.07)
- LCH
- lch(84.37 14.44 224.2)
- CMYK
- cmyk(21% 5% 0% 10%)
ティント · シェード · トーン
ティント
- BCDDE8
- C4E1EA
- CBE4ED
- D3E8EF
- DAECF2
- E1F0F5
- E9F4F7
- F0F7FA
- F8FBFC
シェード
- 9DBCC7
- 86A1AA
- 6F868E
- 596C72
- 445358
- 303B3F
- 1D2528
- 0C1112
- 020203
トーン
- B0D0DA
- AAC7D0
- A5BDC6
- A0B4BB
- 9BACB1
- 95A3A7
- 909A9D
- 8B9193
- 85898A
カラーハーモニー
補色 +180°
- B5D9E5
Fresh Dawn
- EBCABE
≈ Au Naturel
類似色 -30° +30°
- B5D9E5
Fresh Dawn
- B4DBD8
≈ Catch the Wave
- BED5ED
≈ Light Water Wash
トライアド +120° +240°
- B5D9E5
Fresh Dawn
- E6C8DB
≈ Kiss Good Night
- D8D3B4
≈ Chinese Silk
スプリットコンプリメンタリー +150° +210°
- B5D9E5
Fresh Dawn
- ECC7CC
≈ Oh so Pretty
- E4CEB5
≈ Warm Croissant
テトラード +90° +180° +270°
- B5D9E5
Fresh Dawn
- DACBE7
≈ Bashful Pansy
- EBCABE
≈ Au Naturel
- C9D8BC
≈ Meadow Mist
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.49:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.02:1 · APCA Lc 80
最適な文字色: #000000
WCAG 14.02:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--fresh-dawn: #b5d9e5;
--fresh-dawn-rgb: 181 217 229;
--fresh-dawn-oklch: oklch(0.863 0.041 220);
}
.element {
color: var(--fresh-dawn);
background-color: hsl(195 48% 80%);
border-color: oklch(0.863 0.041 220);
}Tailwind CSS v4
@theme {
--color-fresh-dawn: #b5d9e5;
--color-fresh-dawn-50: #e9f8fe;
--color-fresh-dawn-100: #daebf2;
--color-fresh-dawn-200: #c2d9e1;
--color-fresh-dawn-300: #a1bdc7;
--color-fresh-dawn-400: #84a5b0;
--color-fresh-dawn-500: #678d99;
--color-fresh-dawn-600: #587782;
--color-fresh-dawn-700: #465f68;
--color-fresh-dawn-800: #32464c;
--color-fresh-dawn-900: #223035;
--color-fresh-dawn-950: #111d20;
}SCSS
$fresh-dawn: #b5d9e5;
$fresh-dawn-rgb: 181, 217, 229;
$fresh-dawn-light: mix(#fff, $fresh-dawn, 20%);
$fresh-dawn-dark: mix(#000, $fresh-dawn, 20%);
.element {
color: $fresh-dawn;
box-shadow: 0 0 0 2px rgba($fresh-dawn, 0.35);
}