色名 · #C0D7CD
Meadow Lane
Meadow Laneは#C0D7CD：rgb(192 215 205)、hsl(154 22% 80%)、oklch(0.859 0.028 167.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Meadow Lane color name →
#C0D7CD
oklch(0.859 0.028 167.7)
カラー変換
- HEX
- #c0d7cd
- RGB
- rgb(192 215 205)
- HSL
- hsl(154 22% 80%)
- HWB
- hwb(154 75% 16%)
- OKLCH
- oklch(0.859 0.028 167.7)
- OKLab
- oklab(0.859 -0.028 0.006)
- CIE Lab
- lab(84.04 -9.41 2.2)
- LCH
- lch(84.04 9.66 166.8)
- CMYK
- cmyk(11% 0% 5% 16%)
ティント · シェード · トーン
ティント
- C6DBD2
- CCDFD7
- D3E3DC
- D9E7E1
- DFEBE6
- E6EFEB
- ECF3F0
- F2F7F5
- F9FBFA
シェード
- A7BBB2
- 8E9F98
- 76857E
- 5F6B66
- 49524E
- 343B38
- 202523
- 0E110F
- 020202
トーン
- B9CEC5
- B3C5BD
- ACBCB5
- A6B3AD
- A0ABA6
- 99A29E
- 939996
- 8D918F
- 868887
カラーハーモニー
補色 +180°
- C0D7CD
Meadow Lane
- E0CAD4
≈ Sweet and Sassy
類似色 -30° +30°
- C0D7CD
Meadow Lane
- C8D5C4
≈ Apothecary Jar
- BCD7D7
≈ Greenland Ice
トライアド +120° +240°
- C0D7CD
Meadow Lane
- CFCEE3
≈ Wildflower Prairie
- E1CCC1
≈ Belle of the Ball
スプリットコンプリメンタリー +150° +210°
- C0D7CD
Meadow Lane
- D9CBDD
≈ Violet Mist
- E3CACA
≈ Youth
テトラード +90° +180° +270°
- C0D7CD
Meadow Lane
- C5D2E4
≈ Surf’s Surprise
- E0CAD4
≈ Sweet and Sassy
- DBCFBD
≈ Sandy Clay
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.51:1 · APCA Lc 24
Ag
AAA黒の上
WCAG 13.84:1 · APCA Lc 79
最適な文字色: #000000
WCAG 13.84:1 (AAA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--meadow-lane: #c0d7cd;
--meadow-lane-rgb: 192 215 205;
--meadow-lane-oklch: oklch(0.859 0.028 167.7);
}
.element {
color: var(--meadow-lane);
background-color: hsl(154 22% 80%);
border-color: oklch(0.859 0.028 167.7);
}Tailwind CSS v4
@theme {
--color-meadow-lane: #c0d7cd;
--color-meadow-lane-50: #eef8f4;
--color-meadow-lane-100: #dfebe6;
--color-meadow-lane-200: #c9d8d2;
--color-meadow-lane-300: #aabcb5;
--color-meadow-lane-400: #8fa49b;
--color-meadow-lane-500: #758c82;
--color-meadow-lane-600: #63776e;
--color-meadow-lane-700: #4f5f58;
--color-meadow-lane-800: #3a4640;
--color-meadow-lane-900: #27302c;
--color-meadow-lane-950: #151c19;
}SCSS
$meadow-lane: #c0d7cd;
$meadow-lane-rgb: 192, 215, 205;
$meadow-lane-light: mix(#fff, $meadow-lane, 20%);
$meadow-lane-dark: mix(#000, $meadow-lane, 20%);
.element {
color: $meadow-lane;
box-shadow: 0 0 0 2px rgba($meadow-lane, 0.35);
}