色名 · #DAECC5
Greenette
Greenetteは#DAECC5：rgb(218 236 197)、hsl(88 51% 85%)、oklch(0.92 0.055 127.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Greenette color name →
#DAECC5
oklch(0.92 0.055 127.7)
カラー変換
- HEX
- #daecc5
- RGB
- rgb(218 236 197)
- HSL
- hsl(88 51% 85%)
- HWB
- hwb(88 77% 7%)
- OKLCH
- oklch(0.92 0.055 127.7)
- OKLab
- oklab(0.92 -0.034 0.044)
- CIE Lab
- lab(91.29 -11.23 16.88)
- LCH
- lch(91.29 20.27 123.6)
- CMYK
- cmyk(8% 0% 17% 7%)
ティント · シェード · トーン
ティント
- DEEECB
- E1F0D1
- E5F2D6
- E9F4DC
- ECF6E2
- F0F8E8
- F4F9EE
- F8FBF3
- FBFDF9
シェード
- BDCDAB
- A2AF92
- 879279
- 6C7661
- 545B4B
- 3C4235
- 252921
- 11130E
- 020302
トーン
- D1E1BE
- C7D6B7
- BECAB0
- B5BFA9
- ACB5A2
- A3AA9B
- 9A9F94
- 91958E
- 898A87
カラーハーモニー
補色 +180°
- DAECC5
Greenette
- EDDCFF
≈ Lavender Savour
類似色 -30° +30°
- DAECC5
Greenette
- EEE5BC
≈ Slices of Happy
- C7F0D6
≈ Pickford
トライアド +120° +240°
- DAECC5
Greenette
- D0E8FF
≈ Veiling Waterfalls
- FFD9DF
≈ Satin Ribbon
スプリットコンプリメンタリー +150° +210°
- DAECC5
Greenette
- DEE3FF
≈ Stoic White
- FED7F2
≈ Sweet Sachet
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.25:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.78:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.78:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--greenette: #daecc5;
--greenette-rgb: 218 236 197;
--greenette-oklch: oklch(0.92 0.055 127.7);
}
.element {
color: var(--greenette);
background-color: hsl(88 51% 85%);
border-color: oklch(0.92 0.055 127.7);
}Tailwind CSS v4
@theme {
--color-greenette: #daecc5;
--color-greenette-50: #f0f9e8;
--color-greenette-100: #e2ecd9;
--color-greenette-200: #cdd9c1;
--color-greenette-300: #aebda0;
--color-greenette-400: #95a582;
--color-greenette-500: #7c8d66;
--color-greenette-600: #697857;
--color-greenette-700: #546045;
--color-greenette-800: #3e4631;
--color-greenette-900: #2a3021;
--color-greenette-950: #181d11;
}SCSS
$greenette: #daecc5;
$greenette-rgb: 218, 236, 197;
$greenette-light: mix(#fff, $greenette, 20%);
$greenette-dark: mix(#000, $greenette, 20%);
.element {
color: $greenette;
box-shadow: 0 0 0 2px rgba($greenette, 0.35);
}