色名 · #CAE277
Idocrase Green
Idocrase Greenは#CAE277：rgb(202 226 119)、hsl(73 65% 68%)、oklch(0.872 0.136 119.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Idocrase Green color name →
#CAE277
oklch(0.872 0.136 119.7)
カラー変換
- HEX
- #cae277
- RGB
- rgb(202 226 119)
- HSL
- hsl(73 65% 68%)
- HWB
- hwb(73 47% 11%)
- OKLCH
- oklch(0.872 0.136 119.7)
- OKLab
- oklab(0.872 -0.067 0.118)
- CIE Lab
- lab(86.4 -20.06 49.04)
- LCH
- lch(86.4 52.98 112.2)
- CMYK
- cmyk(11% 0% 47% 11%)
ティント · シェード · トーン
ティント
- CFE586
- D4E895
- D9EBA3
- DFEEB1
- E4F1BE
- E9F4CC
- EFF7D9
- F4FAE5
- F9FCF2
シェード
- AFC467
- 95A857
- 7C8C47
- 647138
- 4D572A
- 373E1C
- 222710
- 0F1205
- 020301
トーン
- C2D87A
- BBCE7C
- B3C47E
- ABBA7F
- A4B080
- 9DA781
- 959D81
- 8E9381
- 878A81
カラーハーモニー
補色 +180°
- CAE277
Idocrase Green
- DCCBFF
≈ Foggy Heath
類似色 -30° +30°
- CAE277
Idocrase Green
- F8D162
≈ Soaked in Sun
- 90EEA4
≈ Mint Tonic
トライアド +120° +240°
- CAE277
Idocrase Green
- ABDCFF
≈ Droplet
- FFC1D3
≈ Garden Glory
スプリットコンプリメンタリー +150° +210°
- CAE277
Idocrase Green
- C5D4FF
≈ Pale Phthalo Blue
- FFBAF9
≈ Distilled Rose
テトラード +90° +180° +270°
- CAE277
Idocrase Green
- 69EAFF
≈ Robin’s Egg
- DCCBFF
≈ Foggy Heath
- FFC5BB
≈ Your Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.43:1 · APCA Lc 21
Ag
AAA黒の上
WCAG 14.65:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.65:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--idocrase-green: #cae277;
--idocrase-green-rgb: 202 226 119;
--idocrase-green-oklch: oklch(0.872 0.136 119.7);
}
.element {
color: var(--idocrase-green);
background-color: hsl(73 65% 68%);
border-color: oklch(0.872 0.136 119.7);
}Tailwind CSS v4
@theme {
--color-idocrase-green: #cae277;
--color-idocrase-green-50: #eefcd1;
--color-idocrase-green-100: #e0f0bd;
--color-idocrase-green-200: #cbde9d;
--color-idocrase-green-300: #acc272;
--color-idocrase-green-400: #95aa45;
--color-idocrase-green-500: #7c9200;
--color-idocrase-green-600: #697c04;
--color-idocrase-green-700: #546306;
--color-idocrase-green-800: #3f4800;
--color-idocrase-green-900: #2b3202;
--color-idocrase-green-950: #191e00;
}SCSS
$idocrase-green: #cae277;
$idocrase-green-rgb: 202, 226, 119;
$idocrase-green-light: mix(#fff, $idocrase-green, 20%);
$idocrase-green-dark: mix(#000, $idocrase-green, 20%);
.element {
color: $idocrase-green;
box-shadow: 0 0 0 2px rgba($idocrase-green, 0.35);
}