色名 · #CBDD94
Spring Lawn
Spring Lawnは#CBDD94：rgb(203 221 148)、hsl(75 52% 72%)、oklch(0.867 0.097 119.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Spring Lawn color name →
#CBDD94
oklch(0.867 0.097 119.7)
カラー変換
- HEX
- #cbdd94
- RGB
- rgb(203 221 148)
- HSL
- hsl(75 52% 72%)
- HWB
- hwb(75 58% 13%)
- OKLCH
- oklch(0.867 0.097 119.7)
- OKLab
- oklab(0.867 -0.048 0.084)
- CIE Lab
- lab(85.46 -14.97 33.79)
- LCH
- lch(85.46 36.96 113.9)
- CMYK
- cmyk(8% 0% 33% 13%)
ティント · シェード · トーン
ティント
- D0E19F
- D5E4AA
- DAE7B5
- DFEBC0
- E5EECA
- EAF2D5
- EFF5E0
- F4F8EA
- FAFCF5
シェード
- B0C080
- 96A46D
- 7D885A
- 656E48
- 4D5536
- 373D26
- 222616
- 0F1108
- 020201
トーン
- C3D393
- BBCA91
- B4C08F
- ACB78E
- A5AE8C
- 9DA48A
- 969B87
- 8E9285
- 878983
カラーハーモニー
補色 +180°
- CBDD94
Spring Lawn
- DAC8FF
≈ Neon Boneyard
類似色 -30° +30°
- CBDD94
Spring Lawn
- ECD188
≈ Punch of Yellow
- A5E6B1
≈ Overtone
トライアド +120° +240°
- CBDD94
Spring Lawn
- A7DAFF
≈ Malmö FF
- FFBED1
≈ Garden Glory
スプリットコンプリメンタリー +150° +210°
- CBDD94
Spring Lawn
- C2D2FF
≈ Pale Phthalo Blue
- F8BCF2
≈ Pink Quartz
テトラード +90° +180° +270°
- CBDD94
Spring Lawn
- 81E5F6
≈ Photon Barrier
- DAC8FF
≈ Neon Boneyard
- FFC2B8
≈ Impatiens Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.30:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--spring-lawn: #cbdd94;
--spring-lawn-rgb: 203 221 148;
--spring-lawn-oklch: oklch(0.867 0.097 119.7);
}
.element {
color: var(--spring-lawn);
background-color: hsl(75 52% 72%);
border-color: oklch(0.867 0.097 119.7);
}Tailwind CSS v4
@theme {
--color-spring-lawn: #cbdd94;
--color-spring-lawn-50: #f0fadc;
--color-spring-lawn-100: #e2eeca;
--color-spring-lawn-200: #cddbad;
--color-spring-lawn-300: #afc088;
--color-spring-lawn-400: #97a764;
--color-spring-lawn-500: #7e8f40;
--color-spring-lawn-600: #6b7937;
--color-spring-lawn-700: #55612c;
--color-spring-lawn-800: #40471d;
--color-spring-lawn-900: #2c3113;
--color-spring-lawn-950: #191d05;
}SCSS
$spring-lawn: #cbdd94;
$spring-lawn-rgb: 203, 221, 148;
$spring-lawn-light: mix(#fff, $spring-lawn, 20%);
$spring-lawn-dark: mix(#000, $spring-lawn, 20%);
.element {
color: $spring-lawn;
box-shadow: 0 0 0 2px rgba($spring-lawn, 0.35);
}