色名 · #DBF2D9
Frostini
Frostiniは#DBF2D9：rgb(219 242 217)、hsl(115 49% 90%)、oklch(0.938 0.041 143)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Frostini color name →
#DBF2D9
oklch(0.938 0.041 143)
カラー変換
- HEX
- #dbf2d9
- RGB
- rgb(219 242 217)
- HSL
- hsl(115 49% 90%)
- HWB
- hwb(115 85% 5%)
- OKLCH
- oklch(0.938 0.041 143)
- OKLab
- oklab(0.938 -0.033 0.025)
- CIE Lab
- lab(93.29 -11.21 9.42)
- LCH
- lch(93.29 14.64 139.9)
- CMYK
- cmyk(10% 0% 10% 5%)
ティント · シェード · トーン
ティント
- DFF3DD
- E2F5E1
- E6F6E4
- E9F7E8
- EDF9EC
- F1FAF0
- F4FBF4
- F8FCF7
- FBFEFB
シェード
- BED2BC
- A2B4A1
- 879686
- 6D796C
- 545E53
- 3C433B
- 262B25
- 111411
- 020302
トーン
- D2E6D0
- C8DAC7
- BFCEBD
- B6C3B4
- ACB7AC
- A3ACA3
- 9AA19A
- 929691
- 898B89
カラーハーモニー
補色 +180°
- DBF2D9
Frostini
- F8E2FB
≈ Fairy Salt
類似色 -30° +30°
- DBF2D9
Frostini
- EAEECF
≈ Cool Yellow
- D0F4E8
≈ Minty Fresh
トライアド +120° +240°
- DBF2D9
Frostini
- E0EBFF
≈ Husky
- FFE3E1
≈ Misty Rose
スプリットコンプリメンタリー +150° +210°
- DBF2D9
Frostini
- EBE7FF
≈ Cyber Lavender
- FFE1EC
≈ Pale Blossom
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.71:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--frostini: #dbf2d9;
--frostini-rgb: 219 242 217;
--frostini-oklch: oklch(0.938 0.041 143);
}
.element {
color: var(--frostini);
background-color: hsl(115 49% 90%);
border-color: oklch(0.938 0.041 143);
}Tailwind CSS v4
@theme {
--color-frostini: #dbf2d9;
--color-frostini-50: #eef8ee;
--color-frostini-100: #e0ece0;
--color-frostini-200: #cad9ca;
--color-frostini-300: #abbdab;
--color-frostini-400: #91a58f;
--color-frostini-500: #778e75;
--color-frostini-600: #657863;
--color-frostini-700: #50604f;
--color-frostini-800: #3b4639;
--color-frostini-900: #283127;
--color-frostini-950: #161d15;
}SCSS
$frostini: #dbf2d9;
$frostini-rgb: 219, 242, 217;
$frostini-light: mix(#fff, $frostini, 20%);
$frostini-dark: mix(#000, $frostini, 20%);
.element {
color: $frostini;
box-shadow: 0 0 0 2px rgba($frostini, 0.35);
}