色名 · #CFE587
Refreshed
Refreshedは#CFE587：rgb(207 229 135)、hsl(74 64% 71%)、oklch(0.885 0.121 119.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Refreshed color name →
#CFE587
oklch(0.885 0.121 119.7)
カラー変換
- HEX
- #cfe587
- RGB
- rgb(207 229 135)
- HSL
- hsl(74 64% 71%)
- HWB
- hwb(74 53% 10%)
- OKLCH
- oklch(0.885 0.121 119.7)
- OKLab
- oklab(0.885 -0.06 0.105)
- CIE Lab
- lab(87.74 -18.27 43.15)
- LCH
- lch(87.74 46.86 113)
- CMYK
- cmyk(10% 0% 41% 10%)
ティント · シェード · トーン
ティント
- D4E894
- D8EBA1
- DDEDAD
- E2F0B9
- E6F3C5
- EBF5D1
- F0F8DD
- F5FAE8
- FAFDF4
シェード
- B4C775
- 99AA63
- 7F8E51
- 677241
- 4F5831
- 383F21
- 232813
- 101206
- 020301
トーン
- C7DB87
- BFD088
- B6C688
- AEBC87
- A6B287
- 9FA886
- 979E85
- 8F9483
- 878A82
カラーハーモニー
補色 +180°
- CFE587
Refreshed
- DFD0FF
≈ Pale Lavender
類似色 -30° +30°
- CFE587
Refreshed
- F8D576
≈ Oriole Yellow
- 9DF0AE
≈ Mint Tonic
トライアド +120° +240°
- CFE587
Refreshed
- B4DFFF
≈ Broad Daylight
- FFC8D7
≈ Flower Spell
スプリットコンプリメンタリー +150° +210°
- CFE587
Refreshed
- CAD8FF
≈ Pale Phthalo Blue
- FFC2F9
≈ Pink Quartz
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.38:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.21:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.21:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--refreshed: #cfe587;
--refreshed-rgb: 207 229 135;
--refreshed-oklch: oklch(0.885 0.121 119.7);
}
.element {
color: var(--refreshed);
background-color: hsl(74 64% 71%);
border-color: oklch(0.885 0.121 119.7);
}Tailwind CSS v4
@theme {
--color-refreshed: #cfe587;
--color-refreshed-50: #effbd5;
--color-refreshed-100: #e1efc2;
--color-refreshed-200: #cbdda3;
--color-refreshed-300: #adc17a;
--color-refreshed-400: #96a952;
--color-refreshed-500: #7d9122;
--color-refreshed-600: #6a7b20;
--color-refreshed-700: #546219;
--color-refreshed-800: #3f480e;
--color-refreshed-900: #2b3209;
--color-refreshed-950: #191d00;
}SCSS
$refreshed: #cfe587;
$refreshed-rgb: 207, 229, 135;
$refreshed-light: mix(#fff, $refreshed, 20%);
$refreshed-dark: mix(#000, $refreshed, 20%);
.element {
color: $refreshed;
box-shadow: 0 0 0 2px rgba($refreshed, 0.35);
}